Demo


cross browser custom scrollbars with jQuery and CSS3 – replicating the fading scrollbars from OS X Lion or Mountain Lion

cross browser custom scrollbars with jQuery and CSS3 – replicating the fading scrollbars from OS X Lion or Mountain Lion

just another cross browser custom scrollbars Cross browser custom scrollbars Many people might ask themselves: “Why..?” Others might think: “That is soo ugly” or “Don’t change the systems’s native elements.” But let me explain We are living in a time where webapps have grown in popularity. Not only that but also has it gotten more […]


jQuery slot machine – CSS3 3D

jQuery slot machine – CSS3 3D

This is my second Version of a jQuery slot machine. I released my first Version of a jQuery slot machine about a year ago. jQuery slot machine in 3D The main difference between my old jQuery slot machine and this version is the way it looks and feels. I wanted to make a new “cleaner” […]


CSS3 twitter bird – twitterbird

CSS3 twitter bird – twitterbird

how about a CSS3 twitter bird? This is a pure CSS3 twitter bird. ..wtf?.. yeah of course.. it’s kinda stupid.. but… What makes me do stuff like this? I am preparing a workshop for next week. some of you might have seen what Lukas Winterberg did in my last workshop. A pure CSS3 mickey mouse […]


CSS3 Comic Characters – CSS3 Mickey Mouse, Goofy

CSS3 Comic Characters – CSS3 Mickey Mouse, Goofy

Why did I make a CSS3 Mickey Mouse? I just started with web development and had the luck to get a internship space with a really crazy teamleader. At first we did some basic webpages but in the 3rd week Greg asked me if I would dare to try a pure CSS3 Mickey Mouse. At […]


Pure CSS3 Animated Tooltips

Pure CSS3 Animated Tooltips

Pure CSS3 Animated Tooltips I know I know, old dog can’t learn new tricks. You all have seen that CSS3 can do amazing inline tooltips, so what makes my bone any different from anyone else’s. My bone is white and chewed on just like everyone’s but it has one amazing thing that I couldn’t find […]


Pure CSS3 Image Fade In after Page Load

Pure CSS3 Image Fade In after Page Load

Now with support for Opera Browsers Pure CSS3 Image Fade In after Page Load I was recently proposed with the question: Is it possible to have images fade in shortly after the page has loaded and stay faded in and can the images fade in at different rates and times? This automatically made me think […]


CSS 3d cube with rounded corners – 3d dice

CSS 3d cube with rounded corners – 3d dice

css 3d cube A CSS 3d cube? Yes… I’ve seen quite a few versions of a CSS 3d cube. Here are some examples. Paul Hayes Loe Lambert desandro net tuts + css 3d dice A dice?… Isn’t a dice a cube? Well yes, of course a dice is a cube but a real dice has […]


Overlapping transparent divs with one border

Overlapping transparent divs with one border

Overlapping transparent divs I recently came upon a question on http://stackoverflow.com. A user asked if it was possible to have two transparent divs that overlap and force the overlapping section to have the same opacity. His example looked like this: <div id="foo"> <div id="bar"> </div> </div> #foo{ height:50px; width:250px; background:rgba(0, 0, 0, 0.6); position:absolute; left:150px; […]


iOS style folders page split with jQuery

iOS style folders page split with jQuery

the iOS split page effect in HTML with CSS3 -webkit-animations… The demo should be viewed in webkit browsers… Safari on Mac OS X does the best job. The iPhone has a late start but the animations look sweet. Chrome is a little slow on 3d transformation and transitions. iOS 5 webapp I am currently working […]


flipbook in CSS3. A page flip done with CSS3

flipbook in CSS3. A page flip  done with CSS3

A few days ago I thought about making a flipbook animation in CSS3. I have seen quite a few approaches, yet none with a decent 3d effect. jQuery examlpe the best jQuery page flip I could find is: builtbywill.com CSS3 examlpe The best CSS3 page flip I could find: romancortes.com HTML5 examlpe And this one […]