Journal


Agustin Canovas
  • 2017/01/03
main-picture

5 HTML Editors to Make Your Programming Process Easier

At ConsultR we are constantly researching new practices to improve our workflow. We also strive to always be up to date and anticipate the new tendencies and technical tools that are coming. Particularly in the development department, my area, we are just a bunch of techies concerned about development optimization times. Always taking into consideration the quality of the final product as a standard. Following this direction, we’ve taken a deep dive into the world of HTML editors, to discover the one that best fits our requirements and standards.

After many hours spent researching we’ve reached a concrete conclusion… like almost everything else in life, when it comes to HTML editors there’s a perfect one for every web programer. That’s why, I’ve comprised a list of the best HTML editors for Web Developers.

1 – Panic Coda (https://panic.com/coda/)

Coda is a text editor that has syntax highlighting for several languages, Code folding, Project-wide autocomplete, Fast find and replace, Indentation guides, Automatic tag closing, Fast commenting and shifting of code.

panic-codaCoda’s editor has great features, for example, the Find and Replace has a revolutionary “Wildcard” token that makes the RegEx one-button simple. And as you type, Coda Pops lets you create colors , gradients, and much more, using easy controls. Coda has a battle-tested, deeply integrated file management system.

Open local files or edit remotely on FTP, SFTP, WebDAV, or Amazon S3 servers. There’s even support for Git and Subversion. It also has a WebKit Preview, which includes a web inspector, debugger, and profiler. On top of that, they added AirPreview, a revolutionary feature that lets you use your iPad and iPhone with Coda for iOS to preview pages as you code on your desktop. Finally, hiding behind the Plus button in the tab bar is a built-in Terminal and MySQL editor, two amazingly powerful Tab Tools. The Terminal can open a local shell or SSH. MySQL lets you define structure, edit data, and more.

2 – Sublime Text (http://www.sublimetext.com/)

Sublime’s “Go to Anything” open files with only a few keystrokes, and instantly jump to symbols, lines or words. A great feature in this editor, is the multiple selections functionality. It allows you to interactively change many lines at once, rename variables with ease, and manipulate files faster than ever before.

This is an advanced text editor platform that has multiple good features for programming, such as Sublime Text which can be fully customized via plugins. The quickly integrated Package Manager allows users to find, install, upgrade and remove plugins directly from inside the editor — usually with no restart required.

sublime

You can add the ability to sync files on a remote FTP server, preview code written in Markdown and advanced sidebar controls. Like the WordPress plugin directory, packages included extensive information on their functionality, installation and usage including screenshots.

The only downside: That information is not available inside Sublime Text itself, only on the website.
 Sublime can be downloaded from the oficial website. Version 3 is currently available in beta for OS X, Windows and Ubuntu. There is also a portable version that can be easily run from a USB drive.

 

3- Notepad++ (https://notepad-plus-plus.org/)

Notepad++ is a free source code editor and Notepad replacement that has the ability to highlight and check code syntax. It also supports tabbed file editing and has auto-completion for words and functions, which can come in handy. It also boasts an automatic backup for unsaved files, data comparison, macro recording and execution, and a customizable shortcut key mapping.notepad

A major feature in Notepad++ is the plugin support which allows you to view your local project files easily with Explorer. You can also debug your code with DBGp. Or access the console with NotepadExec, and gain total source control with Subversion. Finally you can also access your sites online via FTP with FTP Synchronize.

Notepad++ is more easily comparable to a light text editor. All in all it’s a great first choice for programmers but it’s available only for Windows.

4 – Espresso (http://macrabbit.com/espresso/)

expressoThis editor from Macrabbit, has extensive language support, contextual completions, powerful smart snippets, and Zen actions. It uses the Navigator and code folding to prevail over documents. You can watch your web pages update in real time with live styling. You can also visualize and inspect your layouts with X-ray, then push the changes to your server with Syncor Quick Publish. CSSEdit 3 is built in.  This is a great choice for Mac users.

 

 

5 – Aptana Studio (http://www.aptana.com/products/studio3)

 

aptanaAptana is an open source development tool for the open web. It’s core features include HTML, CSS, and JavaScript code assist; a Deployment Wizard that supports FTP, SFTP, FTPS and Capistrano with the added ability to automatically publish your Ruby & Rails applications to hosting services such as Heroky and Engine Yard. This editor also has an integrated debugger, a Built-in Terminal and Git integration.
 It’s a great choice for advanced programmers.

What is your favorite HTML editor? Do you use any another HTML Editor? Share your thoughts with us!