In the book, we have suggested that you use Adobe Brackets, which is free and can be found on our Downloads page. There are versions for all operating systems.
Here are some tips for using Brackets:
- Brackets automatically colors your code to show what kind of code it is. For example, when you are typing in HTML code, tags will show in blue, attributes in green, and file names in orange.
- Clicking the “Live Preview” button in the top right opens the page you are working on in a web browser. You can change the code and instantly see the effect in the browser window. Currently, Live Preview only works with the Chrome browser, so you will need that installed to use it.
- In Live Preview, selecting a piece of code in your Brackets window will highlight the part of the web page that it refers to. This is especially useful for coding CSS, because it will show you at a glance all of the parts that a particular rule refers to.