Special characters in CSS :before and :after pseudo-classes
Using special characters in CSS pseudo-classes like ::before and ::after can be quite tricky if you don't know what's the catch.
Apple logo in 100% pure CSS
After creating the android logo in CSS only, I decided to skip a few diffeculty levels and try to create the Apple logo in CSS only, using as less DIV's as possible.
Android robot in 100% pure CSS
The Android robot is a cool logo made of fairly simple shapes. My challenge was to recreate the logo with pure CSS and as less HTML as possible.
HTML5 boilerplate title effect
When looking into HTML5 boilerplate I got distracted by the headings they use on the website and I decided to recreate this effect.
Kings of Code 2011
Last saturday and sunday me and three colleagues competed in the prestigious Kings of Code hackbattle in Amsterdam.
CSS only rainbow
When discovering the spread parameter of box-shadow, I concluded that it's now possible to stack as many "borders" to elements as you like.
Rotating 3D CSS cube
When exploring the CSS3 transform- and transition possibilities, I created these rotating cubes. With plain color, semi-transparent and one with textures. Only one image is used as texture for the crate, but the rest is pure CSS!
CSS only progress bar
This progressbar is created using CSS3 with no images. This was a testcase to learn working with gradients as background-images. Firefox and chrome only!
Changing the text selection color with CSS3
Changing the appearance of selected text is mostly a nice-to-have, but sometimes even necessary to imprive legibility.
Creating alternating rows in ColdFusion
One of those things that could be very complex or very easy is creating zebra-striped alternating rows in a table or list. In ColdFusion this is quite easy to achieve. No counters and lengthy if-statements, just one small line of code!