Category: CSS

A Quick Note About the :empty Pseudo-class

CSS, HTML, Project 52 | March 14th, 2010 | 18 Comments »

I’m in love with the simplicity that CSS3 selectors can bring to our stylesheets. Here’s a brief explanation of one of my favourites: the :empty pseudo-class.

(more…)

Book Review: “CSS Mastery — 2nd Edition”

CSS, Project 52, Resources, Reviews | January 24th, 2010 | No Comments »

I’m frequently confronted with the question of “which CSS books would you recommend?” and CSS Mastery is always at the top of the list. Here’s the audio review I did for the Boagworld podcast.

(more…)

The CSS3 :target Pseudo-class And CSS Animations

CSS, Project 52 | January 11th, 2010 | 43 Comments »

It’s no secret that I’m always looking for an easy way out using CSS instead of trying to replicate things with convoluted code — there are so many underused techniques that we could be applying to our designs as an enhancement layer! In this experience, I take a brief look into the :target pseudo-class and a very simple CSS animation.

(more…)

Remembering: The CSS3 Multi-Column Layout Module

CSS | November 29th, 2009 | 35 Comments »

Because I will not shut up about CSS3, this time I’ve decided to show you a little bit of the multi-column layout module. This module allows you to layout the content of an element in multiple columns, like flowing text on a newspaper-type layout.

(more…)

How to use Modernizr

CSS, HTML, Tools | November 10th, 2009 | 24 Comments »

There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites.

(more…)

Floated lists with CSS3 and jQuery

CSS | October 2nd, 2009 | 17 Comments »

We should all be using advanced CSS selectors by now—they make our lifes so much easier! In this quick tutorial, I’m going to explain how you can have a nicely floated list of items. We will use jQuery to make sure IE understands it too.

(more…)

Belgian Beer Types, or How to Style a Definition List the CSS3 Way

CSS, HTML | July 30th, 2009 | 12 Comments »

Definition lists are an often forgotten HTML element, but they can be used in a wide variety of ways, and are actually the most semantically accurate element in many cases. So let’s see how we can mix up beer, HTML and CSS3, while explaining the purpose of the definition list element.

(more…)

Styling a Poem with Advanced CSS Selectors

CSS, HTML | June 15th, 2009 | 71 Comments »

CSS3 selectors offer endless possibilities of targeting specific HTML elements without the need of extra markup (which was already possible with previous versions of CSS). This time, I’m going to style the popular nursery rhyme “Twinkle Twinkle Little Star” using advanced CSS selectors, all in less than 5 minutes!

(more…)

An Ode To Border-radius

CSS | April 27th, 2009 | 46 Comments »

Ah! Border-radius: web designer’s sweetheart and (sadly) the one that IE8 forgot, destroying many a web designer’s dreams. In this post I’m going to explain how it works, what are some of the cross-browser alternatives, and showcase some websites that took a step ahead and implemented it.
(more…)

Adding Style With CSS: Beautiful Text

CSS, HTML | April 25th, 2009 | 4 Comments »

This may seem like a no-brainer, but adding style to your HTML is not just about adding pretty backgrounds and borders. The foundation of a good looking site has to be, with a couple other things, the way text is set. So let’s see how, with just a few lines of very simple CSS, we can quickly make our type a bit more beautiful and easier to read.

(more…)

Smashing Magazine Network
Take the A List Apart's Survey for People Who Make Websites
FoxLand - Online Branding Strategy

Attending in 2010...

Previously attended...