Simplify your Web Development with Code Editors

If you were to compare what constituted a developer’s toolbox some years ago against now, it would look as if it had gone on a strict diet. Authoring tools or WYSIWYG editors have become obsolete given the sophisticated and interactive nature of websites and applications. There isn’t really a graphical authoring tool today capable of processes such as creating decent HTML5 animations or allowing rapid server-side development. Applications like Adobe Edge or Maqetta are still in their infancy and have a long way to go to prove themselves.
A text editor, also referred to as code editor by some, is probably the only tool you’ll need for now. Whether you’re creating a complex site from scratch, editing a CSS file, or tweaking configuration files like .htaccess on your server — a text editor will do the trick just fine. Some robust editors will include more than just syntax highlighting. For example, it is now commonplace to find code editors with built-in SVN support, debugging and validation tools, FTP support and syntax completion. Desktop code editors are also slowly giving way to online editors that provide browser-based coding interfaces to let you code from anywhere and collaborate real-time with your team.
Our featured article this month takes a look at some desktop and online code editors that can simplify and speed up your web development process.

Desktop Code Editors

Araneae
Araneae is a simple, yet powerful text editor primarily geared towards creating web sites and scripts using the latest web technologies. It has great support for HTML, CSS, JavaScript, PHP, Ruby and a handful of other web development languages. With its instant browser preview, you can render your code even without saving your file. You can use its smart slips feature to store and insert your commonly used snippets and its drag and drop support for files and images is an extremely convenient feature. Finally, you can extend Araneae by downloading and installing extensions.
Komodo
Komodo has within the past few years become the trusted code editor for many web developers because of its cross-platform support – it works on Windows, Mac and Linux. Being free, fast and open-source, it boosts several features that make it worth your consideration. It has customizable support for syntax coloring, folding and intelligent auto-completion and calltips. By configuring it to use your compiler, you can debug your code quickly and its integration with source code version systems like Subversion, Git or Mercurial makes it an ideal candidate for serious developers.
Aptana Studio
Aptana Studio is a professional open source development tool for the open web. You can use it to develop, test and even deploy your entire web application using a single environment. With support for the latest browser technology specs such as HTML5, CSS3, JavaScript, Ruby, Rails, PHP and Python, it aids a lot in authoring your projects to perfection. It even goes further by proving you information about elements support in major web browsers. It has Git integration and can sync and upload your projects to (s)FTP accounts or even cloud based hosting services.
Notepad++
Notepad++ is probably the most popular Windows-based source code editor. It supports syntax highlighting and folding for over 40 programming languages and markups. It is lightweight and designed to consume little processing power and memory making it lightning fast. Some of its other features include full screen mode, a powerful find and replace function, auto completion and indentation and a great support for plugin and macros.
Scriptly
Scriptly is an extensive freeware code editor for Windows for writing HTML and programming with PHP. In addition to the comprehensive search and replace facility, the program features syntax highlighting for several script languages and file types. Code snippets and complex tables can be added quickly and easily.
RJ TextEd
RJ TextED is a full-featured text and source code editor with very powerful web development utilities. For instance, its functionality extends beyond text files and includes support for CSS/HTML editing with integrated CSS/HTML preview, spell checking, auto completion, HTML validation and templates. The program also has a dual pane file commander, as well as a (s)FTP client to upload your files.
WebCoder
WebCoder is a complete package for the demanding web developer, with excellent support for HTML, CSS, PHP and JavaScript. It allows you to code faster and more fluently thanks to its powerful auto-completion feature where it makes suggestions from both built-in functions/objects and your own code, as you type. WebCoder supports real-time previews of your web site or application and includes a Firebug-like feature that allows you to adjust CSS declarations in real-time. WebCoder can also be configured to work directly with your database and file server thanks to its built-in DB and FTP client.
TextWrangler
TextWrangler is a programmer’s text editor, featuring syntax coloring and function navigation for HTML/XHTML, XML, PHP, JavaScript, Perl, Python, Ruby, Lua, Java, ANSI C, C++, Objective-C, and more, Find Differences to compare two versions of a text file and merge the differences, integration with Mac OS X developer help, and many cross-functional features that fit well with developer workflows.
Coda
Coda is much more than a traditional code editor. Other than the default features you’d expect in a code editor, Coda sports a streamlined interface organized around making web development easier thanks to its tabs, accessible sidebar with dock, and full-screen mode. You can use it to manage source with Git, SVN or upload and sync your project files to FTP, WebDAV and Amazon S3. The latest version of Coda also includes a built-in MySQL editor where you can edit your table’s structure and content with ease and even test queries.

Online Code Editors

Codeanywhere
Codeanywhere is a browser-based code editor with an integrated FTP client and supports most popular programming languages like HTML, CSS, JavaScript and XML. It mimics traditional desktop interface to provide you with a familiar interface bundled with great features like code folding and syntax highlight. It is lightweight and fast and ideal for developers who are always on the move. Codeanywhere is also available as native mobile apps for iOS and Android.
Koding
Koding (previously known as Kodigen) is more than just an online editor, but rather a cloud development environment as claimed by its developers. It includes an image editor, an advanced code editor and SVN integration. Unfortunately open registration is closed at this time but you can sign up for a beta invitation.
CodeRun
CodeRun Studio is a free browser-based IDE that allows you to develop, debug and deply web applications. CodeRun features native support for C#/.NET (3.5), PHP (5.1), JavaScript, HTML and CSS. Database support includes SQL Server 2005 and Amazon SimpleDB. It also features real-time syntax highlighting and automatic code-completion to assist you during development. Finally, you can easily share your projects with your fellow developers.
Brackets
Brackets is n open-source editor for web design and development built on the top of web technologies such as HTML. CSS and JavaScript. It is a project maintained by Adobe and to get it working, you’d need to download it and install it on your web server. The interface is extremely streamlined which allows you to focus on coding.
Compilr
Compilr is an online integrated development environment for programming languages like PHP, C, C++, Ruby, Java, C# and Visual Basic to name a few. It allows you to access your code from anywhere and will store your code in the cloud. It is ideal if you’re interested in trying a new language without having to to download a full-blown IDE and compiler.