I made a website with some of the same goals in mind that takes it quite a bit further than this. That being said, I can't even come close to pretending its less than 56 lines of code.
Clunky?! I'm only surprised that you say that because one of my goals was to try and keep the ui out of the way. I'm still trying to think of a way to have all the necessary elements while staying minimal.
Do you prefer its look when the 'responsive' styles kick in?
I just tried to use the editor again; I was going to open jsfiddle but said why not. There is no way to create a new file. I remember a while back you could at least preload a bootstrap template. All in all, I still like the editor interface but there needs to be a few controls.
The only issue with a 'clunky ui' is the homepage but that might just be a side effect of bootstrap.
On that note, I'd also like to be able to load more frameworks than just BootStrap. Here are a few suggestions:
Hello woodall, you can add a file by clicking the plus button in the bottom left of the screen. If that button doesn't appear for you, then that's a whole other issue. Please let me know. Similarly, the minus button removes files. Double-clicking a filename lets you rename it.
Edit: Just noticed how unintuitive the position of the +/- buttons are. I'll see what I can do for Plunker 2.0
Just discovered GoodFilms! Brilliant idea - I will be back often. I've felt a similar frustration with jsFiddle not supporting Coffee+friends so kudos for that one too.
http://fiddlesalad.com/ < Supports HAML, SASS, Coffee and many others. Not as clean as jsfiddle, but makes up for it with its features. Oh and there's documentation too.
A bit by accident, but then I realised I was in <80 lines and decided to compact it where I could. I wanted to keep it fairly readable, though, so didn't go too far.
I made a website with some of the same goals in mind that takes it quite a bit further than this. That being said, I can't even come close to pretending its less than 56 lines of code.
Check out: http://plunker.no.de
Some neat features:
* Live collaboration using 'streams'
* Plunks run as first-class web citizens letting AJAX and company work out of the box
* Syntax hilighting using ajax.org's amazing ace editor
* jsHint
* Live compilation/rendering of coffee-script/markdown and I forget what else
The full source of the running app is at: https://github.com/ggoodman/stsh
Also a ground-up rewrite on http://plnkr.co has its code on: https://github.com/filearts/plunker