Category: CSS

The Wonderful calc() Function

CSS | June 13th, 2011 | 31 Comments »

Sitting right at the top of my CSS wishlist was always the implementation of the calc() function. With it now being supported by not only Firefox 4 but Internet Explorer 9, I think it’s time for a quick overview on how useful calc() can be and why it would be great to see more usage of it.

(more…)

Are CSS Frameworks Evil?

CSS, HTML, Tools | September 21st, 2010 | 75 Comments »

CSS frameworks have a tendency to be dismissed by many CSS authors; code bloat and non-semantic class names are usually at the top of the list of reasons why. Even without ever using one, I shared the same opinion, but that might have changed after trying a few of them out while doing some research recently…

(more…)

My thoughts on LESS

CSS, Tools | July 19th, 2010 | 21 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 | 6 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 | 25 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 | 19 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 | 3 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 | 28 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 | 18 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 | 134 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…)

Smashing Magazine Network