JSFiddle changelog
JSFiddle changelog

Highlighting active lines





A small improvement to user experience – active lines are now highlighted.

2018-02-05 11.49.14.gif

Alternative layout grids





2018-02-05 10.33.41.gif

JSFiddle now has alternative layout grids, there's something for everyone! Enjoy!

Live code linting





Live code linting is now available for CSS, JavaScript, Babel and HTML.

Screen Shot 2018-02-05 at 10.18.07.png

Linting for SCSS and CoffeeScript will follow soon.

If live code validation isn't your jam, it can be disabled from the Editor settings:

Screen Shot 2018-02-05 at 10.20.02.png

Embed resources from CDNJS





2018-02-05 10.14.42.gif

In addition to adding external resources by URL, you can now start typing a library name and an auto-complete will suggest libraries directly from the great CDNJS.

SCSS updated





Migrated our SCSS parser from pyScss, which hasn't been updated in years, therefore causing all sort of issues, to pythin-libsass.

Tons SCSS features that weren't working before now are 🍾

Webfonts are evil





That said, we've removed all webfonts from JSFiddle, and now using only natively available fonts and SVG icons for our pictographic needs!

The CSS is around 40% lighter because of these changes, resulting in faster loads 🚀

Dark mode





The most requested change on our roadmap has been a dark theme, which today is reality.

The dark mode is the default one, but if the light one is your jam, it can be turned on here:

Screen Shot 2017-12-15 at 19.30.19.png

Updated CoffeeScript





Just a small bump in CoffeeScript parser, updated to version 1.12.3 - tons has changed and been fixed since 1.10.0. More on coffeescript.org.

Embed fixes





We've added a bunch of fixes to the Embed:

  1. 🎨 Overriding colors works again. Screen Shot 2016-12-14 at 12.28.08.png

  2. 🐞 There was a problem when the Results tab would not have the correct height if embedded as the first tab in order. This is now working as expected.

JSX Syntax Highlighting





Added JSX syntax highlighting when you switch the language of the JavaScript panel to Babel.

Additionally bumped CodeMirror version from 5.9.0 to 5.19.0 – they sure update it a lot!