source code


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


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



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 CSS tooltips – transparent, border, box-shadow

pure CSS tooltips – transparent, border, box-shadow

Yesterday I wrote an article about overlapping transparency values. See this post Overlapping transparent divs with one border This tutorial is made with -webkit- CSS3. The complete set (bottom of the post) is compatible with Opera, Firefox and webkit-browser though. pure CSS tooltips I have seen quite a few methods to create pure CSS tooltips […]


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