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.
The original idea spawned from a conversation with another developer in trying to help him debug an Ajax issue. The original aim was to build it using Google's app engine, but in the end, it was John Resig's Learning app that inspired me to build the whole solution in JavaScript with liberal dashes of jQuery and a tiny bit of LAMP for the saving process.
It took me the best part of 4 hours to develop - so if it's shaky around the edges, let me know!
This webapp was built by Remy Sharp of Left Logic. Please get in touch if you're interested in contracting Left Logic.
The special %code% symbol will be replaced with your JavaScript. If it is omitted from the HTML content it won't be inserted.
Just click the 'Output' tab, and the entire frame will re-execute.
Yes. First you must save the code, then use the 'Live' link. This is now stored privately and can be shared amongst your peers.
The live link only shows the saved code, any changes must be saved first.
Code that hasn't be viewed in 3 months is automatically deleted.
Yes. See the video introduction for a demo. Or, it's as simple as removing the HTML output, saving the code, then requesting the URL via a new snippet. JS Bin will respond to Ajax requests appropriately.
Funny you ask! Yes, just drag the following jsbin bookmarklet to your bookmark bar. The bookmarklet will inject any selected JavaScript in to JS Bin.
Sorry: no.
Feel free to get in touch and if appropriate I'll add it to the FAQ.