Category: CSS

My thoughts on LESS

CSS, Tools | July 19th, 2010 | 10 Comments »

I’ve started using LESS a few months ago on a few projects. LESS allows you to extend the way you write CSS, letting you use variables, nested selectors, operations and mixins. It sounds great — and it is great — but there are a few things that can make it work against you. These are some of my thoughts on LESS.

(more…)

Books: “HTML and CSS Web Standards Solutions”

CSS, HTML, Project 52, Reviews | April 14th, 2010 | 3 Comments »

The second book I’m reviewing is “HTML and CSS Web Standards Solutions”, by web standardistas Christopher Murphy and Nicklas Persson.

(more…)

The Little Known font-size-adjust CSS3 Property

CSS, Project 52 | March 25th, 2010 | 14 Comments »

Ever wanted to use fallback fonts on your CSS with different aspect ratios without them looking huge (or tiny)? The sparkling new CSS3 font-size-adjust property could do just that, maybe.

(more…)

A Quick Note About the :empty Pseudo-class

CSS, HTML, Project 52 | March 14th, 2010 | 15 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 | 24 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 | 16 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 | 14 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, Javascript | October 2nd, 2009 | 15 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 | 8 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…)

Smashing Magazine Network .net Magazine Awards 2010 Judge Badge