“The New CSS Layout” was released when I was about to embark on the challenge of refactoring an old site to be responsive and have grid support and support for old browsers. Yikes! I wasn’t looking forward to the faff that I assumed this kind of challenge involved, so I was more than pleased to…… Continue reading My notes on Rachel Andrew’s “The New CSS Layout”
Category: CSS
The wonderful calc() function
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…… Continue reading The wonderful calc() function
Are CSS frameworks evil?
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…… Continue reading Are CSS frameworks evil?
My thoughts on LESS
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…… Continue reading My thoughts on LESS
Books: “HTML and CSS Web Standards Solutions”
The second book I’m reviewing is “HTML and CSS Web Standards Solutions”, by web standardistas Christopher Murphy and Nicklas Persson. What is the book about? The book provides the reader with a foundation in how to markup and style a web site — the right way. In the authors’ own words this book is “a…… Continue reading Books: “HTML and CSS Web Standards Solutions”
The little known font-size-adjust CSS3 property
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. What does font-size-adjust do? First, let me warn you: you will need to use Firefox to view the examples on this page properly. Yes, not…… Continue reading The little known font-size-adjust CSS3 property
A quick note about the :empty pseudo-class
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. What is the :empty pseudo-class Here is the definition taken from the W3C Selectors Level 3 specification: The :empty pseudo-class represents an element that has no children at all.…… Continue reading A quick note about the :empty pseudo-class
Book Review: “CSS Mastery — 2nd Edition”
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. The audio Listen! Transcript If you’d rather read, here’s the transcript of the review: Hi, my name is Yaili and I’ll…… Continue reading Book Review: “CSS Mastery — 2nd Edition”
The CSS3 :target pseudo-class and CSS animations
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…… Continue reading The CSS3 :target pseudo-class and CSS animations
Remembering: the CSS3 multi-column layout module
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. CSS Modules Just to briefly make sure everybody understands what I…… Continue reading Remembering: the CSS3 multi-column layout module