1. Sublime Text
Sublime Text is one of my favorite code editors. There are so many different ways you can view your code (split screen/full width etc). Sublime Text also colors the code based on the different tags and elements found in the coding language. Many Web Designers use Sublime Text to get their job more efficiently.
Brackets is a new open source code editor. This lightweight program was created by Adobe and is very easy to use making it perfect for beginners. It even has a nice live preview function so that you can see the changes you make as you write your code. I think it’s the perfect code editor for learning web design which is why I used in my beginner-friendly HTML and CSS video tutorial.
Codepen is an online community for front-end web designers to try out new, old, and innovative ways to make their websites. It’s a Web Designers playground! Codepen is also a beginner-friendly environment since there are tutorials and getting help from the community is welcomed. Bonus: there is no need to download any program since it’s all online.
5. Dreamweaver CC
Last, but certainly not the least is Adobe Dreamweaver CC. I’ve been using this more than past Dreamweaver versions because they’ve updated it for the better. The live preview function is so much better at viewing HTML5 and CSS3 than Dreamweaver CS6. Furthermore, Dreamweaver CC had been updated to better suit today’s web design environment where responsive web design is a must.
Now It’s Your Turn!
What is your favorite code editor? Do you know any other code editors that weren’t listed above? Let’s talk in the comments below!