JS Bin Tips and Bits

Jan 30

front-end-guy asked: In the FAQ you mention that you can insert JavaScript in a specific position in a JS Bin's html document with %code%. Can you do the same with css with something like %style%?

Yes, but you need to use %css%.

cgrs asked: Is there a way to delete "bins"?

There’s no way to delete a bin, but you can archive bins so they’re hidden from your homepage. If you’ve accidentally created a bin that’s gone public and should remain private - you can file an issue here and we can manually remove the bin for you.

Jan 14

sydneyram asked: When i embed jsbin using the "share" link, the editor always has only the "Output" tab enabled. Can I have the default view (HTML and Output view) enabled? Thank you for your time.

Absolutely, you need to simply add the panel you want open (there’s some early design work to add this to the UI, but for now you have to do it manually).

To include the HTML panel and output, just comma separate the additional panel so the embed href goes from:

http://jsbin.com/oxuyop/102/embed?live

To:

http://jsbin.com/oxuyop/102/embed?live,html

Valid values for the panels are: html, javascript, css, console and live.

sydneyram asked: Do you have any documentation on how to host jsbin on my own site?

There’s some documentation in the github repo.

  1. The 2 minute guide *note: takes less than 2 minutes.
  2. Detailed version with config info

Aug 23

[video]

Jul 24

[video]

Aug 22

[video]

[video]

mattpriceuoft asked: First, thanks so much for the incredibly awesome tool.
I'm using jsbin to teach some basic hacking skills -- well, a hacking attitude more than anything -- to primary school kids. I've given them a template to work with, which they then fork to make their own pages. So, e.g., jsbin ibepo3 (sorry, not allowed to include a link in a tumblr question).

The kids are supposed to email me the URLs of their work, but some percentage of them inevitably screw that up. Is there a way to access the revision history tree of a jsbin entity? That would be a huge help to me and my kids. Thanks so much!
Matt

Hi Matt,

I’m working on a new features that should help you there. The first is a full save history, i.e. you’ll be able to see that ibepo3/20/ was a saved version of ibepo3/17/, and so on.

Secondly I’m considering changing the cloning in a way that you share a url with /clone on the end, and it will automatically create a new copy - therefore your students will have their own revision history and own url - rather than everything sitting on the same namespace.

I suggest you follow issue #84 which is very similar to what you’re asking.

Jul 01

[video]

Jun 24

[video]

Jun 21

[video]

Jun 13

[video]

May 11

[video]

Apr 14

[video]