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

Published
Categorized as CSS, HTML, Tools

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

Published
Categorized as CSS, HTML

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

Published
Categorized as CSS, HTML

An ode to border-radius

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. What is border-radius? Border-radius is a CSS3 property…… Continue reading An ode to border-radius

Published
Categorized as CSS

How to start a CSS file

If you’re just taking your first steps into learning CSS, the moment where you need to actually start writing some code may be a bit daunting. You’ll probably end up asking yourself: Where do I start? What should be the first thing on my stylesheet? How should I organize my code? Are there any conventions?…… Continue reading How to start a CSS file

Published
Categorized as CSS