Most people know about jsFiddle because it is an amazing tool that allows you to quickly test and share small pieces of code. No wonder my jsFiddle examples post is getting a ton of traffic. But, there are many other awesome web based sandbox testing tools that you might find useful. Did you know that there are SQL and NodeJS sandboxing tools out there? It is so convenient to quickly mess around with code online and collaborate with other programmers. Below you will find some of the best free code playgrounds and sandboxing tools for testing, debugging and sharing your code snippets (I put my favorites in bold).
1. JSFiddle – supports JS, CSS, HTML and dominates in this space with a simple approach and great features like sharing, embedding, etc.


4. CodePen – online HTML, CSS, and JS editor with sharing tools and collections of snippets organized for code inspiration.


8. PasteBin – simple and clutter-free HTML/JS open source sandbox tool. I like that it’s open sourced on GitHub.


20. IDEone – an online compiler and debugging tool which allows you to run code online in more than 40 programming languages


21. Mozilla Thimble – lets you write and edit HTML and CSS right in your browser and instantly preview your work.


23. Practicode – another online tool for editing your code snippets with support for HTML, CSS and VBScript.


26. HTML5 PlayGround – lets you click on pre-defined HTML5 tags and see how the code works instantly in preview.


29. PasteHTML – a sandbox for playing with HTML, CSS and JS with an API and a bookmarklet to create a snapshot of any web page and store it online.


Have I missed any online tools to test and share code snippets?
Update:
Today, I was introduced to Runnable and it is pretty impressive. It let’s you runa and share code in the browser and it supports php, python, nodejs and a variety of APIs. Also, Plunker is an interesting tool for creating and sharing web development work that uses the ACE editor, lets you split code into multiple files, live preview, etc…
Also, here is a WebGL Playground

























0 comments:
Post a Comment
Note: only a member of this blog may post a comment.