The main tool for developers is of course code editors.Mostly it is a standalone application but you know there are also many online code editors around the internet.There may be times which you are not with your computer so the below web based or let’s say browser based online editors will help you to do almost every coding like editing,sharing,debugging etc.
Today we selected most preferred online code editors by developers.If you know anyother which you think really useful just drop a comment.
CodePen
CodePen is an HTML, CSS, and JavaScript code editor right in your browser with instant previews of the code you see and write.CodePen is a playground for the front end side of the web. It’s all about inspiration, education, and sharing.
Need to build a reduced test case to demonstrate and figure out a bug? CodePen is great for that. Want to show off your latest creation and get feedback from your peers? CodePen is great for that. Want to find example of a particular design pattern for you project? CodePen is great for that.
Try CodePen
CodeAnyWhere
Codeanywhere is a code editor in a browser with a powerful ftp client integrated, and all popular web formats are supported (HTML, PHP, JavaScript, CSS, and XML).Codeanywhere can edit many types of files and has all the nice features you are used to in desktop editors:Syntax highlighting,code auto completion,smart indentation,full internationalization,unlimited undo/redo (now handled on client (browser) side, no more waiting for server response),unlimited tabs etc.
Try CodeAnyWhere
ShifEdit
ShiftEdit is an online IDE for developing PHP, Ruby, Python, Perl, Java, HTML, CSS and JavaScript through FTP, SFTP and Dropbox.
Try ShifEdit
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.
Try JSFIDDLE
Ideone
Ideone is something more than a pastebin; it’s an online compiler and debugging tool which allows to compile and run code online in more than 40 programming languages.
Choose a programming language, enter your source code and input data into text boxes. Then check or uncheck run code (whether to execute your program) and private (whether not to list your code in the recent codes page) checkboxes, click the submit button and watch your snippet being executed.
Try Ideone
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).
Try JS Bin
Damian,
Great list. I use ShiftEdit when I am on the move. I will have to check out the others. It never hurts to have a backup or two.
My fave is Coda on Mac
[…] Direct Link […]
Thanks. On my PC i use Dreamveawer to code but when i’m coding in my browser, i use Opera DragonFly.
These code editors look pretty useful…
Thanks for putting this article together 🙂
I found also this editor http://online-compiler.com , it provides php, c++ , csharp and Perl compiler
[…] republishing, there is more to PLR articles than just putting them into an article spinner.Tools18 Useful Web Based Code Editors for DevelopersThe main tool for developers is of course code editors. Mostly it is a standalone application but […]
I find Coda an exceptional tool for web design http://www.panic.com/coda/
It is great for collaborative web design too
[…] 英文来源：18 Useful Web Based Code Editors for Developers […]
Great article very helpful Thanks 😉
Thanks for great and Useful Article.
Thanks for the tips, I think using online tools like these editors are great for those times when you don’t have your normal setup, and cloud based computing seems to be the future!
I have used JSFIDDLE and Ideone as a student. I didn’t like the a lot. Not recommend them.
[…] full article is located here. This entry was posted in Development. Bookmark the permalink. ← 8 Reasons Why Bad Web Design […]
Great List, these will come in very hand for making updates and just working in general on the road. Thanks!
very good article. anything is there for edit asp or vbscript coding
If you’re looking for a simpler one that’s easy to install on a shared hosting account, I found out this one to be really nice: http://codecanyon.net/item/web-development-accelerator/1198287
Only negative thing is you have to pay a small fee for it, but at least updates are free for lifetime afterwards, plus so far it looks promising with all the updates it’s getting.