I was searching the other days a really good code editor to use, cause I found myself for the first time in the situation of having to use one. I discovered that if you search for one of these a lot of the ones you find are outdated, deprecated and no use for modern web design.
However, if you search the depths of the internet well enough you find out about some online code editors that you haven’t heard about before. In this article you will find 22 of these online code editors that you would actually consider using.
dabblet
dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses -prefix-free, so that you won’t have to add any prefixes in your CSS code. You can save your work in Github gists, embed it in other websites and share it with others.
Koding
Compilr
Compilr is an online compiler and online IDE that allows you to work with PHP, C, C++, Ruby and compiler for Java, C# and VB.net and the XNA platform from almost any web browser.
jsfiddle
JsFiddle is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc. Using this approach, JavaScript developers can very easily isolate bugs.
CSSDesk
CodeMirror
CodeMirror is a JavaScript component that provides a code editor in the browser. When a mode is available for the language you are coding in, it will color your code, and optionally help with indentation.
CodePen
JS Bin
JS Bin is a webapp specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively.
JS Bin allows you to edit and test JavaScript and HTML (reloading the URL also maintains the state of your code – new tabs doesn’t). Once you’re happy you can save, and send the URL to a peer for review or help. They can then make further changes saving anew if required.
Thimble
Thimble makes it ridiculously simple to create your own web pages. Write and edit HTML and CSS right in your browser. Instantly preview your work. Then host and share your finished pages with a single click.
Cloud IDE
eXo Cloud IDE is an online collaborative development environment that enables you to code, build, debug in the cloud, and deploy to your PaaS of choice. Teams can collaboratively build HTML5/JavaScript apps, OpenSocial gadgets, or Java, PHP, Ruby and Python web apps.
Because you can deploy directly within a PaaS environment, migrating from development to staging and deployment takes just a few clicks. A multi-window, extensible editor supports several file types, while familiar file system tools make it easy to move files from local sources.
CodeRun
CodeRun Studio is a cross-platform Integrated Development Environment (IDE), designed for the cloud. It enables you to easily develop, debug and deploy web applications using your browser.
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.
Codeanywhere
Codeanywhere is a code editor in a browser with an integrated ftp client, and all popular web formats are supported (HTML, PHP, JavaScript, CSS, and XML)
EditArea
Here is EditArea, a free javascript editor for source code. (That is no way a WYSIWYG editor). This editor is designed to edit souce code files in a textarea. The main goal is to allow text formatting, search and replace and real-time syntax highlight (for not too heavy text).
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.
Squad
Codeita
Codeita is cloud-based software for prototyping and developing websites and web applications. It allows users to work together in a social environment, to create, edit and deploy web projects in a LAMP software bundle.
Codeita makes it easy for developers to manage code, files and databases right from a browser-based dashboard. But, the main benefit of using this type of cloud-based software is team collaboration. Codeita allows users to share their web projects with other team members.
Drawter
Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website’s code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn.
ShiftEdit
ShiftEdit is an online IDE for developing PHP, Ruby, Python, Perl, HTML, CSS and JavaScript via FTP, SFTP, Dropbox and Google Drive
jsdo.it
BuildorPro
BuildorPro uses visual, code editing and debugging tools to provide an extremely agile method of creating and managing your site’s design & markup.
Maqetta
Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads.
