https://github.com/1j01/multifiddle

(development inactive) Fiddle with coffee, js, css, html, and all that, in a minimalistic collaborative environment
https://github.com/1j01/multifiddle

ace-editor code code-fiddle codepen coding coffeescript collaboration collaborative css fiddle-salad firepad html javascript js-bin jsfiddle live-coding live-reload livereload programming prototyping

Last synced: 2 months ago
JSON representation

(development inactive) Fiddle with coffee, js, css, html, and all that, in a minimalistic collaborative environment

• Host: GitHub
• URL: https://github.com/1j01/multifiddle
• Owner: 1j01
• Created: 2014-03-27T21:44:41.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2020-03-16T03:22:40.000Z (almost 5 years ago)
• Last Synced: 2024-05-20T21:44:41.957Z (8 months ago)
• Topics: ace-editor, code, code-fiddle, codepen, coding, coffeescript, collaboration, collaborative, css, fiddle-salad, firepad, html, javascript, js-bin, jsfiddle, live-coding, live-reload, livereload, programming, prototyping
• Language: JavaScript
• Homepage: https://multifiddle.ml/
• Size: 2.05 MB
• Stars: 6
• Watchers: 4
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [MultiFiddle](https://multifiddle.ml/#hello-world)

Fiddle with code in a minimalistic collaborative environment.

MultiFiddle is intended as a multilingual⁂ alternative to

editors like [JSFiddle][], [CodePen][], [JS Bin][], [Fiddle Salad][], and [CodeSandbox][]

with a simple interface.

##### It currently fails because:

1. **⁂** It is not multilingual;

   in fact it assumes you'll want [CoffeeScript][];

   you can still include `` tags, but

   Fiddle Salad, CodeSandbox, JS Bin, JSFiddle, and CodePen all have better language support so far

2. There is no versioning/forking system, and your code is NOT SAFE (anyone could see or even delete your code)

3. You can't put the code beside the output horizontally (a fancy panes system was planned)

4. There's not much sandboxing; (there's [a good list of best practices for making a code fiddling environment over here](https://github.com/jsbin/jsbin/wiki/Best-practices-for-building-your-own-live-paste-bin))

##### Features:

* Live editing like you get with CodePen, JS Bin, or Fiddle Salad

* Dark and delicious\* (CodeSandbox also achieves this, looks like (I haven't really tried it out tho as of writing btw, just for the record))

* Nice errors, especially for CoffeeScript compilation where it even links to the position in the source

* Link to the (live reloading!) contents of the output pane by adding `/output` to the URL

* Generate a QR code that links to the output with <kbd>Ctrl+M</kbd>\**

  (since the output live reloads,

  it's great for playing around with [device orientation](https://multifiddle.ml/#device-orientation-II)

  or other mobile device APIs)

* Built with [Ace Editor][] and [Firepad][]

\*Hm, outlines around panes don't work in Firefox

\*\*Hm, doesn't work in Firefox because it mutes/unmutes the tab instead

[JSFiddle]: https://jsfiddle.net/

[CodePen]: https://codepen.io/

[JS Bin]: https://jsbin.com/

[Fiddle Salad]: http://fiddlesalad.com/

[CodeSandbox]: https://codesandbox.io

[CoffeeScript]: https://coffeescript.org/

[Ace Editor]: https://ace.c9.io/

[Firepad]: https://firepad.io/