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?
Category: HTML
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”
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
How to use Modernizr
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. An overview Although CSS3’s use has been increasing among web designers, browser support for some of its features is still…… Continue reading How to use Modernizr
Belgian beer types, or how to style a definition list the CSS3 way
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. When to use a…… Continue reading Belgian beer types, or how to style a definition list the CSS3 way
Styling a poem with advanced CSS selectors
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! Coding a poem There isn’t a…… Continue reading Styling a poem with advanced CSS selectors
Adding style with CSS: beautiful text
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…… Continue reading Adding style with CSS: beautiful text
A tidier Internet Explorer stylesheet
Until recently, I used to separate my IE only stylesheets as ie6.css and ie7.css (and sometimes even ie.css), but lately I’ve been thinking a lot about how inefficient and long winded this process really is. It has made me realize that I could just as easily use IE CSS filters to my advantage, and merge…… Continue reading A tidier Internet Explorer stylesheet
Adding style with CSS: a beautiful table
I’ve always enjoyed styling tables. I’m a perfectionist when it comes to it and I just love the process of adding little bits of love and care to completely transform a dull and drab table into something fun, lively and pleasant to look at. This article will go into one of the diverse ways in…… Continue reading Adding style with CSS: a beautiful table
Adding style with CSS: a beautiful form
Forms don’t have to be ugly and boring, and certainly don’t have to be inside tables to look nice and aligned. In this post we’ll take look at how to style a beautiful form using the power of semantic HTML and CSS. The beginning: HTML markup Let’s begin by creating a simple feedback form. Here’s…… Continue reading Adding style with CSS: a beautiful form