JSFiddle changelog
JSFiddle changelog
jsfiddle.net

Highlighting active lines

 

Improvement

 

 

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

2018-02-05 11.49.14.gif

Alternative layout grids

 

New

 

 

2018-02-05 10.33.41.gif

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

Live code linting

 

New

 

 

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

 

New

 

 

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

 

Update

 

 

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

 

Improvement

 

 

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

 

New

 

 

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

 

Update

 

 

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

 

Fix

 

 

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

 

Improvement

 

 

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!