The most powerful ones offer us all kinds of contextual help so we don’t have to remember every detail of the hundreds of CSS attributes and HTML tags available, preview of the pages we are creating, browser support, tag validation, accessibility check, and many other advanced issues.
Within the myriad of tools available, I am going to highlight some of the best known and interesting free (or really cheap) ones that I have used and know, although there are many more and this is not an exhaustive list.
As a good ranking, I start from the worst (within the good ones) to the best.
IMPORTANT : This article is from 2014 and things have changed a lot since then. We have a new updated one that you should read. Many of the editors listed below still work, but others no longer exist. We leave it because it stays in the history, but read the new one instead of this one! .
Coffee Cup Free Editor
A free, cross-platform (Windows, Mac) editor with support for a multitude of features: contextual help for writing code, preview of the result as we write, etc. The free version is shorter compared to the paid version, but still a good option too.
Specialized code editor for Mac. It is similar to Notepad++ and Sublime. Like the previous one, it is widely used by programmers in the apple system.
Update note: Currently the Kompozer project has been abandoned
Well-known HTML and CSS editor that is free and cross-platform (Windows Mac and Linux). It offers page preview while writing code, multiple tabs, specific CSS editing, etc.
It is free and also Open Source although it only works under Windows. It has a multitude of plugins to extend its functionality, and since it is very popular there are many to choose from. It goes much further than notepad as it offers syntax coloring, code structuring (to be able to fold and unfold areas covered by labels), support for many other programming languages, etc. It’s nice to have on hand for testing or quick edits. It is one of my favorites.
This excellent WYSIWYG editor uses Firefox’s rendering engine underneath to display the pages as we edit them. It has code writing aids (such as the “breadcrumbs” at the bottom or access to the hierarchical structure of the page), and even offers the possibility of testing CSS3 3D transformations in real time without leaving the editor (advantages of using Mozilla’s Gecko engine). It is free, Open Source and multiplatform (Windows, Mac and Linux) and is available in among many other languages. The latest version is almost a year old, but the project is still active.
It is cross-platform. It is not free, but its price (only $44 for individual use) is a gift for everything it offers. Highly recommended.
Microsoft Visual Studio Express For Web
It is available in several languages (including Spanish) and its only limitation is that it only works under Windows. In other words, if you work on Mac or Linux you won’t be able to use it. Other than that, it’s a spectacular integrated development environment (IDE).
Also Read : Mobile Marketing Tools