Submit a CSS related link →

Posh CSS

For the modern day web designer.

Code

Cross-browser kerning-pairs & ligatures

# Linked to 29 June 2010, 10:43 in by Sam Brown

Improved handling of kerning pairs and ligatures in modern browsers using the text-rendering: optimizeLegibility; declaration.

Read more at www.aestheticallyloyal.com →

White Hot Glowing Text is the New Lens Flare

# Linked to 27 May 2010, 14:36 in by Levi Figueira

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.

Read more at desandro.com →

Random Color CSS3 Animation

# Linked to 20 May 2010, 08:57 in by Sam Brown

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.

Read more at www.miekd.com →

-webkit-font-smoothing

# Linked to 19 May 2010, 16:47 in by Pat Dryburgh

An interesting look at -webkit-font-smoothing, a CSS property that controls how the browser renders text on the page.

Read more at maxvoltar.com →

Flip an Image

# Linked to 18 May 2010, 16:22 in by Sam Brown

You can flip images with CSS! Possible scenario: having only one graphic for an “arrow”, but flipping it around to point in different directions.

Read more at css-tricks.com →

Pure CSS Icons

# Linked to 18 April 2010, 18:35 in by Sam Brown

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.

Read more at rathersplendid.net →

CSS3 Transition Delay

# Linked to 30 March 2010, 21:35 in by Pat Dryburgh

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.

Read more at trentwalton.com →

CSS for the iPad

# Linked to 19 March 2010, 20:22 in by Pat Dryburgh

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)

Read more at thomasmaier.me →

Using CSS3 to Properly Center Thumbnail Galleries

# Linked to 18 March 2010, 13:38 in by Pat Dryburgh

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.

Read more at mondaybynoon.com →

Focus on the Hover

# Linked to 16 March 2010, 14:34 in by Pat Dryburgh

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.

Read more at antonpeck.com →