Labs

„Welcome to my laboratory, a place beyond imagination. Here is where I let myself out of the restricting IE6 cave which allows me to experiment with the latest technologies. Proof of concepts, working prototypes and stable plugins all can be found here – if you dig deep enough!“

  • Mashup experiments

    • CSS Parallax (2010)

      This demo shows how to use pure CSS Animations to create stunning parallax scrolling effects. It’s additionally spiced up with some basic sprite animations.

    • Coverflickr (2010)

      Coverflickr is a mashup of the coverflow and slider components, CSS Transforms, CSS Transitions, and of course, Flickr. It is dedicated to the Webkit project for them being the one making something like this possible.

    • Uberplayer (2009)

      The Uberplayer is an alternative interface for Youtube, entirely Server- and Flashless (except the video itself, duh!). It uses some other experiments here, like the coverflow!

    • Texturized Isocubes (2009)

      Inspired by Zachstronaut’s Isocube experiment, this one comes with full texture support. Try to drag a texture onto the cubes, and don’t miss to press ‘n’ on your keyboard!

    • CSS based Filemanager (2007)

      Special about this layout of a filemanager is that it’s pure CSS – you can switch the stylesheet in Firefox to Detailed view!

    • Comicstrip Navigation (2007)

      A pretty old demo that needs some love, but it’s cool nonetheless. Navigate using the arrows or dock!

    • Google Music (2007)

      If Google ever did music search, this was one of my visions. Obviously it’s not actually searching, the demo is only showing the input of notes.

  • Widgets

    • Carousel (2008)

      The carousel widget takes a bunch of images and transforms them into a highly interactive 3D carousel. It can be heavily customized controlled by mouse.

    • 3D Carousel (2009)

      A basic implementation of the UI carousel, using nothing but CSS. Only works in Safari 4.0.3+ or Webkit Nightlies!

    • Coverflow (2008)

      Yes – jQuery UI brings you the beloved Coverflow widget known from iTunes. It uses bleeding edge CSS Transforms in supported browsers, and advanced matrix filters in Internet Explorer to deliver a rich experience.

    • Magnifier (2007)

      Once already part of jQuery UI, the magnifier was removed for maintenance and support reasons. This is the heavily refactored incarnation that is ready for 2009!

  • Utilities

    • Showthrough (2009)

      Showthrough or Mask is a plugin that can be twittered – it can be minified to less than 140 characters. And it’s actually useful: It blends through any background for a number of elements.