What’s the Deal With Display: Inline-Block?

One interesting alternative to floats that people are turning to more and more lately is to set the display value of an element to inline-block. What does this do exactly? How is it like a float? How is it different? Let’s dive in and see what we can discover…

Pragmatic, practical font sizing in CSS

An explanation of double-stranded heading hierarchy. This is the practice of defining a class every time you define a heading in CSS to allow for greater control of your typography…

Another CSS image replacement technique

A new image replacement technique was recently added to the HTML5 Boilerplate project. This post explains how it works and how it compares to alternative image replacement techniques…

CSS3 breadcrumbs

Breadcrumb navigation allows visitors to easily navigate through a site’s hierarchical structure. Here’s a tutorial with a few examples of CSS breadcrumb menus…

normalize.css

Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. Only targets the styles that need normalizing…

Places It’s Tempting To Use Display: None; But Don’t

A great article detailing why you should avoid using display:none in your CSS to make sure content is accessible for all visitors…