Coming in dabblet v1.1: Current line highlight & number. I think most use cases of line numbers are covered by knowing the current line number (McRabbit’s Espresso knows this, and dims the other line numbers a lot), so I can avoid adding that kind of clutter.
A URL previewer was a very common request. I had my qualms at first but I decided it’s useful enough to outweigh the disadvantages. It should work for everything displayable in an <img> element, including SVGs and data: URIs.
Along with that, I’ve also implemented an entity previewer, which is useful when you’re not sure whether you remember an HTML or CSS entity correctly.
New feature in upcoming dabblet v1.1: Complete control over number and layout of tabs. The “template” accepts a syntax similar to what the grid-template property does, assuming r is for the result pane, c is for the CSS pane and h is for the HTML pane.
The “see through code” option will make the result full-size and the code will have a transparent background through which the result can be seen. Similar to current “Behind code” view but more customizable.
dabblet.com is an interactive CSS playground. Here you’ll find news, usage tips, trivia and other cool stuff.
