Improved handling of kerning pairs and ligatures in modern browsers using the
Really cool glowing text effect via CSS. Quite simple as well.
Bonus: Make sure you’re using a Webkit browser and check the awesome use of background gradient to create the glow feel.
Maykel Loomans created a PHP function that outputs a 50 frame CSS3 Animation that loops through a bunch of random colours. An experiment that some may find interesting.
An interesting look at
-webkit-font-smoothing, a CSS property that controls how the browser renders text on the page.
You can flip images with CSS! Possible scenario: having only one graphic for an “arrow”, but flipping it around to point in different directions.
Having marvelled at David Desandro’s Opera Logo made entirely in HTML and CSS, I wanted to try a similar experiment for myself. So with a large scoop of border-radius I set about trying to create various ‘common’ icons that could be used in your web apps.
I wanted to see if it was possible to sequentially transition the opacity of 3 or more elements via CSS without having them all begin fading at once. While it seems painfully obvious now, I wasn’t aware that the transition-delay property existed.
If you want to use a CSS modification for the iPad (as I do), this is how you tell the iPad to use an additional CSS file. (via Noah Stokes)
Pseudo-selectors are awesome. When it comes to a healthy blend of saving time and accounting for the smallest of details in design, it’s hard to find something that packs more of a punch than pseudo-selectors.
This is going to be the easiest website accessibility tip that anyone will ever give you: Add the :focus psuedo-class to everything that has a :hover style in your CSS, so that keyboard users get the same visual goodness that you give people who use a mouse.