A small improvement to user experience – active lines are now highlighted.
Highlighting active lines
Alternative layout grids
JSFiddle now has alternative layout grids, there's something for everyone! Enjoy!
Live code linting
Linting for SCSS and CoffeeScript will follow soon.
If live code validation isn't your jam, it can be disabled from the Editor settings:
Embed resources from CDNJS
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.
Migrated our SCSS parser from
pyScss, which hasn't been updated in years, therefore causing all sort of issues, to
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 🚀
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:
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.
We've added a bunch of fixes to the Embed:
🎨 Overriding colors works again.
🐞 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
Additionally bumped CodeMirror version from 5.9.0 to 5.19.0 – they sure update it a lot!