Brackets Editor Tools and Resources for web developers

Explore how to use brackets io as a code editor to be more productive with your coding.

Brackets is a modern text editor that makes it easy to design in the browser. It's crafted from the ground up for web designers and front-end developers.

Setup brackets and see some features that brackets has to offer.

Brackets is a free open source text editor made by Adobe, commonly used by web developers.

Check out what this modern, open source text editor has to offer and how understands web design.

Bonus PDF guide filled with examples and resource links to customize your coding environment.

Taught by an instructor with over 19 years of web development experience, ready to help you learn.

I regularly use Brackets to write code and screenshot it within my web developer course lessons.  Often get asked by students to help with the view and some of the features that Brackets has to offer.  If you are one of those students or someone who wants to explore brackets further this is the course for you.  Brackets is free to download and get started with, try it you have nothing to lose.

brackets .io. Brackets is a source code editor with a primary focus on web development. Created by Adobe Systems, it is free and open-source software licensed under the MIT License, and is currently maintained on GitHub by Adobe and other open-source developers. It is written in JavaScript, HTML and CSS. 

Why Use Brackets?

Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it without getting in the way of your creative process. You'll enjoy writing code in Brackets.

Live Preview

Get a real-time connection to your browser. Make changes to CSS and HTML and you'll instantly see those changes on screen. Also see where your CSS selector is being applied in the browser by simply putting your cursor on it. It's the power of a code editor with the convenience of in-browser dev tools.