in Development

What’s Your Favorite Code Editor? 10 Examples From Which You Can Choose From

As a programmer, you spend a lot of time in front of the computer. Well, that’s not something unusual mainly because 90% of us are spending a lot of time in front of a computer. But as a programmer, and in our case as a web developer, you actually need to be productive and not just browsing reddit therefore a good IDE is needed in order to accomplish your tasks. There are many versions out there, free or not and after all, it’s mostly a matter of taste but I think that 10 of these IDE’s are worth knowing about. In this article you can see a collection of 10 powerful IDE which are great for any type of web developer.



Build web applications quickly and easily using the industry’s leading web application IDE. Aptana Studio harnesses the flexibility of Eclipse and focuses it into a powerful web development engine. Aptana Studio 3 expands on the core capabilities of Aptana Studio 2 for building, editing, previewing and debugging HTML, CSS and JavaScript websites with PHP and Ruby on Rails web development.

Cloud9 IDE


Cloud9 IDE is an online development environment for Javascript and Node.js applications as well as HTML, CSS, PHP, Java, Ruby and 23 other languages. Who is it for? Anyone looking for a modern and secure IDE. With your code online and accessible from anywhere, you can work more efficiently than before. Why use it? You’re programming for the web, on the web. Teams can collaborate on projects and run them within the browser. When you’re finished, deploy it—and you’re done!



Komodo Edit is a lean editor with a sleek interface. You’ll enjoy excellent coding in many web languages, including Python, PHP, Ruby, Perl, HTML, CSS and JavaScript. Simplify project-wide code changes with these smart transformation capabilities: Rename Variables, Rename Class Member and Method Extraction. Code refactoring works on all languages supported by code intelligence, including Python, PHP, Perl, Ruby, JavaScript and Node.js.

Microsoft web matrix


WebMatrix is a free, lightweight, cloud-connected web development tool.  reate websites using our ASP.NET, PHP, Node.js, or HTML5 templates, and take advantage of the latest web standards, emerging standards(CSS3, HTML5), and popular JavaScript libraries such as JQuery.

Rad studio 


Introducing HTML5 Builder. With this groundbreaking new developer solution you can now build web and mobile apps with a single codebase using web standards – and deliver your apps to users via desktop and mobile Web browsers or “on device” via Apple, Android, BlackBerry and Windows Phone mobile app stores. HTML5 Builder is available exclusively in Embarcadero RAD Studio XE5.

Mercury Editor 


Mercury is a full featured HTML5 editor. It was built from the ground up to help your team get the most out of content editing in modern browsers. Mercury comes bundled as a Rails Engiage if you’re not using Rails.

Sencha Architect


Build apps using Sencha Architect 3 and reach more people on more platforms leveraging HTML5. Sencha Architect 3 is the fastest way to build HTML5 apps for the web and mobile devices. If you want to deliver an experience that reaches the most people, you will need to build apps that work on different operating systems and devices. The best way to get there is leveraging what already works on the most platforms — HTML5. Sencha Architect 3, the ultimate HTML5 app builder will get you there sooner.



Flux is an advanced HTML5 Web Design application, capable of creating stunning sites from scratch. Flux isn’t a template based solution, it’s a creative design environment. Flux has comprehensive support for HTML and CSS, including Image Maps, CSS Gradients, custom fonts, and almost everything else.

Code Orchestra


Code Orchestra can translate ActionScript3 into JavaScript and make your app work out of the box. Debug, JS Preview, jQuery and D3 in AS3 Projects. Have you ever dream to code without recompiling or restarting application? Code Orchestra makes this true.



Codio has sensational panel and tab layout capabilities. Arrange your editor into any panel arrangement you please, and then simply drag and drop files between these panels to order and arrange them.

Syntax highlighting and support for over 60 languages, code completion, snippets, custom keyboard shortcuts, Emmet, code folding, themes, code linting, color preview/picker, inline preview, code beautification and much more.
With Codio, you can work and code faster, because we give you the productivity features and tools that you need to succeed fast!


Bogdan is the founder of Top Design Magazine. You can find him in Bucharest-Romania so next time you want to drink a beer there and talk about web and stuff, give him a message.