10 Useful Web-Based Code Editors (IDEs)

This time Tips Tech Tricks picks the 10 most useful and powerful Web Based Code Editors for developers.

CodeRun – A free, Cross-Platform Browser-Based IDE

CodeRun – A free, Cross-Platform Browser-Based IDE is a free and open-source web based IDE, which features native support for C#/.NET (3.5), PHP (5.1), JavaScript, HTML and CSS. C# support includes ASP.NET, WCF, Silverlight and WPF browser application development and deployment. Database support includes SQL Server 2005 and Amazon SimpleDB.

Syntax coloring and code completion are featured to help you during development. It also features an online debugger that allows you to set breakpoints, step through your code, inspect call stack, and other debugging actions.
You could either use the feature-rich and powerful CodeRun as a complete replacement for your desktop IDE, or you could use it to upload existing code and test it in the cloud or for sharing with your peers.
CodeRun Home 
Demo 

Bespin

From Mozilla Labs, Bespin aims to be a ‘top-of-the-line text editor that lives in your browser’. It is based on the latest web standards and does require a “modern browser” with support for HTML5 and specifically the Canvas element with the ability to draw text.
Depending on what you’re trying to accomplish and how much time you’re willing to invest, there are several ways in which you can use Bespin: You can try the IDE directly (Bespin demo), download Bespin Embedded for use in your own applications or you can setup your own Bespin server (not for the faint of heart!).
Bespin 
Demo 

Kodingen

Kodingen

Amy Editor

The very popular, feature rich and very powerful Amy Editor supports syntax highlighting for multiple languages, opening multiple files in different tabs and features an integrated debugging tool, and even allows you manage multiple projects all from within this web-based editor.
Amy Editor 

ecoder

ecoder is a simple, web-based code editor, which includes a file browser, file uploader, and tabbed system to allow multiple files to be edited at the same time. using this web-application developers can edit code directly online, real-time syntax highlighting is handled by textarea and keyboard short-cuts lend it the feel of a locally installed application.

ecoder 
Download ecoder via SourceForge 

Codeita

Codeita is a powerful, easy to use, cloud-based, web development environment. It’s a powerful code editor, an advanced svg image editor, and a useful project management and collaboration tool. It allows users to code, develop, brainstorm, communicate and then publish projects and files to your web server. No more hassles with backups and syncing your laptop with your desktop. Or your personal laptop with your business laptop. Complete with code highlighting, local/live editing, project sharing, image editing and more.
Codeita 

ShiftEdit

ShiftEdit is currently under development but is functional. It features most of the things you’d expect from an IDE including built-in FTP, tabbed interface and with support to edit HTML, JS, CSS or PHP files.
ShiftEdit 

jsFiddle – Online Editor for the Web

jsFiddle is an editor that allows you to you save and run your applications all within the web browser. It currently supports JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML and CSS.
jsFiddle – Online Editor for the Web 

PHPanywhere

PHPanywhere is a complete web based free IDE for the PHP language, in other words it is an application that gives developers all the code editing capabilities they need to develop PHP applications online. It includes a real-time syntax code editor with support for all web formats and a powerful FTP editor.
PHPanywhere 

Live Style Sheet Editing!

If all of the above web based editors, plugins and tools are too much for you, how about just playing about with this little tool. Edit the visible stylesheet and few your results live, its more fun than useful, but will certainly relieve development stress!
Live Style Sheet Editing!