An Adobe project, Brackets shines when it comes to front-end web development. Since it’s created by the same people who make Photoshop, it’s not surprising that Brackets’ features emphasize good design and integration with Adobe products. The two standout features are Live Preview and Code Hints. Live Preview combines the handiness of dev tools with the functionality of a code editor. You instantly see HTML and CSS changes in a convenient preview window. You can also mouse over your CSS to see exactly where it’s being applied. If you’ve ever used the dev tools in Chrome or another browser, it’s very similar. Code Hints integrates with Photoshop, allowing you to extract important information from PSD files (like colors, fonts, and measurements). It also includes an amazingly helpful shortcut that surfaces the CSS for a selected class/id right inside the HTML.