Improvement
A small improvement to user experience – active lines are now highlighted.
Highlighting active lines
Alternative layout grids
New
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.
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
New
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:
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:
🎨 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
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!