8 ms·
JsFiddle: a REPL for web development
- simons 16y agoI recently wrote a little throwaway blogpost that used the embed ability of jsFiddle (http://breakfastdinnertea.co.uk/blog/keep-those-rows-line-little-jquery-snippet/ http://breakfastdinnertea.co.uk/blog/keep-those-rows-line-li... - excuse the pig ugly design et al). I found it an absolute joy to work with. It also provides nice fork abilities for any ensuing discussion / counter arguments on Twitter or wherever.
- GrooveStomp 16y agoVery nice. There was a different tool I used for prototyping html, but it wasn't as nice and intuitive as this. For now it's bookmarked so I can look at it in more depth later.
- grannyg00se 16y agoIt really is great for fiddling with html,css,and javascript all on the same screen without having to deal with a complicated development environment or separate files. It would be a nice platform for teaching basics, or even introducing something new.
- csomar 16y agoSome Stackoverflow members use it to paste solution and prove that it works :)
- hermanthegerman 16y agoWould be nice to have a preloaded example - i had to look at the screen for half a minute just to sort out all the elements that don't make immediate sense if there's not context that you're accustomed to..
- rsobers 16y agoHere you go: http://jsfiddle.net/derek/Vjxt2/ http://jsfiddle.net/derek/Vjxt2/
- hermanthegerman 16y agoI know that they are there - as I figured out when visiting it the first time. Just takes a bit to find it ;-)
- thomasfl 16y agoCool! Showing a twitter feed using YQL is a great example. Is there a gallery somewhere of cool javascript widgets?
- michaelty 16y agoMDC, use this!
- gkoberger 16y agoThe developer, Piotr Zalewa, currently works at Mozilla.
- swannodette 16y agoA wonderful project written in MooTools- IMHO, a civilized and superior JS toolkit if your JS environment is homogenous/sane.
- catshirt 16y agosurely the stability of your architecture is not dependent on the library you use? unless of course your library defines your architecture- but i wouldn't consider a library of that nature a "toolkit".
- wahnfrieden 16y agoIt is, to some degree. For one, you buy into certain module management systems when you choose a library like jQuery, Dojo, MooTools. Another example: you buy into unique implementations of promises which are used throughout the library. If you used jQuery before 1.5, you didn't even have them and had to use callbacks -- that definitely impacts your architecture.
- necolas 16y agoYep, JsFiddle is brilliant. There are a few others too. http://jsbin.com http://jsbin.com - Not as many features as JsFiddle and the preview is on a separate page. The HTML/CSS/JS isn't kept completely apart either. http://cssdesk.com http://cssdesk.com - Primarily for CSS/HTML. Preview is automatically updated. http://mootools.net/shell/ http://mootools.net/shell/ - Similar but more Mootools-centric; fewer features etc than JsFiddle.
- amadeus 16y agoYou can see your results on their own page by appending /show to a saved fiddle, see: http://jsfiddle.net/amadeus/5y5nE/show/ http://jsfiddle.net/amadeus/5y5nE/show/ Also, it's recommended to use jsFiddle over Mootools Shell, since MooShell is essentially a really old version of jsFiddle, and will eventually be removed from mootools.net
- necolas 16y agoI was aware that you can see the results on their own page. What I meant was that not having to switch between views is one of jsfiddle's strengths over jsbin. Edited my earlier reply to remove the misleading 'but'. Thanks for the info about MooShell. I don't use it but wasn't aware it was to be killed off.
- daleharvey 16y agoI also wrote one like 3/4 years ago, I primarily wanted to make it easy to just paste an existing html page into it http://pastebin.me/ http://pastebin.me/ (a random recent paste) http://pastebin.me/23aaa0774910cc347fc9c7c300bda31d http://pastebin.me/23aaa0774910cc347fc9c7c300bda31d
- aufreak3 16y agonice! .. one weird UI effect though - when you mouse-over one of the three HTML/CSS/Javascript boxes, the box label disappears!
- wallfly 16y agoHow amazingly cool is this! http://jsfiddle.net/michaelsbradleyjr/sZUtU/ http://jsfiddle.net/michaelsbradleyjr/sZUtU/ I had not really tinkered with flapjax on the client-side until tonight, but jsfiddle sparked my instincts to really fiddle with something I had been delaying fiddling (or "tinkering") with. So, thank you, jsfiddle! I think you're going to make for a powerful creativity enhancer. :-D
- butu 16y agojsfiddle is really good. I like the auto indenting feature it is doing pretty well. One small feature request :) it would be better if it shows error some box or some thing. So it would be easy to quickly rectify instead of going through the syntax check somewhere else.
- Tycho 16y agoI think Panic should update Coda to allow a similar 4-square split of the window. Currently you can split the window as many times as you want, but they all have to be the same orientation (ie. You could have 4 rows or 4 columns. But yes jsfiddle is great. Note that you can load more resources into it, like KnockoutJS, and use them to. It also does automatic version control (well, the version number increments when you press save, but the old URL still works). I first discovered it in the Stackoverflow JS chartroom, where everyone was using it. I showed a lecturer at university, and now lots of people there are 'fiddling.'
- wahnfrieden 16y agoJSFiddle is great for embedding code examples in a library's docs too. Highcharts uses them in the API reference, and it's outstandingly useful.