/drublic - A Cutting Edge Webdesign Blog – Hans Christian Reinl

Front-End Development and Architecture

Hans Christian Reinl – @drublic

Category Archives: Apps

Dabblet Chrome App


Dabblet Chrome App

I think all of you know Lea Verou’s dabblet.

dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses -prefix-free, so that you won’t have to add any prefixes in your CSS code. You can save your work in Github gists, embed it in other websites and share it with others.
About dabblet

Some time ago I made this tiny Google Chrome App for jsFiddle which is in case just a bookmarklet with a bigger icon.

I did this for dabblet, too but extended the app to something more: It displays all your dabblets with title and creation-date. You can then visit your dabblet directly.

You can find the app in the Google Chrome App store now.


This project is on GitHub, so please feel free to contribute and report bugs and feature requests.


These are the major changes. All commits can be found on GitHub.

v1.0.0 – Aug. 19, 2012

  • Add button for viewing gist
  • Remove hogan.js in favor of an own replacer
  • Show “view dabblet” link in GitHub newsfeed

v0.7 – Feb. 13, 2012

  • Add search – #2
  • Rewrite code-basis based on JS AMD with RequireJS
  • Display message if user has no gists to display – #3

v0.45 – Feb. 02, 2012

Mobile Design is not only Responsive


When I read this article by Henrik Eneroth about redesigning Safari’s interface I thought we as webdesigners somehow do this with websites and web-apps. While Apple misses to add different behavior for different browser-sizes it’s a kind of standard to build a website with a special mobile version that looks not like the website on a desktop computer but fulfills the need of someone who visits the mobile version of the website. In Vitaly Friedman’s (Smasing Magazine) presentation “Webdesigntrends 2011” I recognized this nice photo. Vitaly states that someone who visits your page with a mobile device may need other

Read more