2 Tools & Tips

Before we start, let’s talk about coding software.

While any text editor will work for coding, I use Notepad++. It’s a free program that is specifically designed for coding. The program highlights opening and closing tags for you, so it’s easier to spot mistakes. The program also uses color to differentiate certain values in the code, which can be helpful for troubleshooting and organization.

If you choose to follow along with my coding in Notepad++, make sure you save your code as a Hypertext Markup Language file. You’ll see this option in the file-type dropdown menu when you click “Save As.” This will create a file that you can open in a browser to see how your code renders. Throughout this guide, you’ll see images of both HTML and CSS coding in Notepad++ and images showing how the code renders on a live page.