In the book, we have suggested that you use Adobe Brackets, which you can download here or from our Downloads page.

Here are some tips for using Brackets:

• Brackets automatically adds color to 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.