Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Collaborative JavaScript Debugging App
tag: jsbin-2.8-cm2
Failed to load latest commit information.
build Switched to using utf8 in database (why-o-why was it latin1 in the fi…
css Changes to make local install of jsbin much easier - in particular fo…
font
help updated help a little - added link to jshint
images Images for dropdown menu
js Changes to make local install of jsbin much easier - in particular fo…
lib Build script simplified and HOST PHP var used across the app, so it s…
.gitignore Ignoring the config file (new to this, so hopefully still pulls down,…
.gitmodules
.htaccess
MIT-LICENSE.TXT Added license f:15
Makefile Mass check in of JS Bin 2.8 - lots of UI changes - in complete though…
README.markdown Added link to wiki in readme
VERSION fixed cmd+cursor and returned original control, now just ctrl+cursor …
about.html Added lightbox for help and faq - old content, to be updated
app.php Changes to make local install of jsbin much easier - in particular fo…
config.php Adding support for subdirectory running.
favicon.ico Adding the old skool favicon
help.html Help requires addition information, especially "save as template" and…
index.php
sprocketize.php Changes to make local install of jsbin much easier - in particular fo…
tips.json Few new tips, and errors => warnings, plus notify of fatal error.

README.markdown

JS Bin

Build Process

JS Bin is currently designed to work offline in development mode and online in production mode - which should trigger automatically.

This is controlled through the config.php and the jsbin.js file that is pulled in. When offline, this file is generated on the fly through a php version of Sprockets (tweaked by me to support multiple base paths). The production version will be pre-built, via Sprockets & Google's closure compiler.

If you want to install JS Bin on your own machine, make sure you check out the installing JS Bin wiki guide.

Collaborative JavaScript Debugging

  • Test live JavaScript with HTML and CSS context
  • Public URLs render outside of JS Bin
  • Inject major JavaScript libraries
  • Debug remote Ajax calls

About

JS Bin is an open source collaborative JavaScript debugging tool.

Who built this?

JS Bin was built by Remy Sharp and is completely open source and available http://github.com/remy/jsbin. You can also follow @rem on Twitter where he'll tweet about JavaScript, HTML 5 and other such gems.

If you would like to work with Remy and his company, Left Logic on a front end development project, please get in touch.

UX was kindly donated by Danny Hope who also tweets here.

A short history

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.

Version 1 of JS Bin took me the best part of 4 hours to develop, but version 2, this version, has been rewritten from the ground up and is completely open source.

Something went wrong with that request. Please try again.