A variety of code playgrounds have appeared during the past couple of years. The majority offer a quick and dirty way to experiment with client-side code and share with others. Typical features include:
- a preview window — many update on the fly without a refresh
- HTML pre-processors such as HAML
- LESS, SASS and Stylus CSS pre-processing
- developer consoles and code validation tools
- sharing via a short URL
- embedding demonstrations in other pages
- code forking
- zero cost (or payment for premium services only)
- showing off your coding skills to the world!
The best feature: they allow you to test and keep experimental snippets code without the rigmarole of creating files, firing up your IDE or setting up a local server.
My favorite is Plunkr.
Plunker is an online community for creating, collaborating on and sharing your web development ideas. It has a very good support for AngualarJs.
It is just like an IDE on web. You can make changes in file see the preview online, error notification etc. Best thing is you can share the final POC with others to experiment you can create multiple files in the same project. This means you can test more abstractly, and easily swap functionality in and out. Your HTML head is in your code window making it easy to see what’s getting loaded. Being able to create your own files also means being able to create external datasources, which is fantastic for playing with dataloading functionality.
However there are other and they are nice as well. Have a look at them and pick what suits your taste
The prize for the best-looking feature-packed playground goes to CodePen. The service highlights popular demonstrations (“Pens”) and offers advanced functionality such as sharing and embedding. The PRO service provides cross-browser testing, pair-programming and teaching options for just $9 per month.
Tinkerbin is an alpha release and one of the simpler options here. It may not offer features above and beyond the alternatives but it’s attractive and functional.