how to


Forget Lesshat – More-or-less is smarter and faster

Forget Lesshat – More-or-less is smarter and faster

More-or-less – the intelligent mixin-library Less hassle more fun Preprocessors have become a standard. SASS/SCSS, Less or Stylus, no matter which one you use, they all make your life easier. I have been a SASS/SCSS user over the last years. The main reason was that it offered a lot more features. I currently work for […]



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 […]


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 […]


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 […]


the best pure CSS3 iOS style arrow “Back” button

the best pure CSS3 iOS style arrow “Back” button

VERSION 2 COMING SOON.. SEE THE FIDDLE ON THE BOTTOM OF THE PAGE see the iOS 6 Version here I added a third version without the use of -webkit-mask-image on request. (Compatible with Firefox and Opera) I recently needed to make CSS arrow buttons for iOS devices. There are a few examples and sourcecodes on […]