Reading Time: 4 minutesCSS3 offers a ton of brand new ways that you can select elements in ways we’ve never thought of before. Today I want to focus on exclusively the structural pseudo-classes, which are ways of selecting elements based on the document tree. CSS2.1 limited us to :first-child and IE7 and 8 have done a great job since

Reading Time: 3 minutesAny of my web development buddies have learned that I’m a huge fan of the em. Huge fan. We’d be Facebook friends, we’d go on vacation together, yadda yadda yadda. When you look at my online resume you’ll be hard-up to find too many px written into my stylesheet. In fact, almost every property with

Reading Time: 4 minutesLast week I was tackling a CSS problem when I suddenly stumbled into the magical world of the attribute selector. It’s not that I didn’t know about it, it’s that I didn’t know how powerful it was. And I wasn’t alone; Joey Shirley, a coworker, was dealing with a few issues that attribute selector magic

Reading Time: 4 minutesAuthoring HTML and CSS will never be as complex as programming. HTML is, after all, a markup language, and CSS is merely a stylesheet language. CSS is simple enough that the first two or three hours of writing it won’t be that different from your next 500 or 1000 hours. You learn the basic ways

Reading Time: 3 minutesIn an interview with Jacob Gube from Six Revisions on the subject of exciting developments in CSS3, Eric Meyer said  …the power to describe Web 2.0 designs in CSS is insignificant compared with the power to select every third table row starting with the fifth one.  Or being able to select the first paragraph within

Reading Time: < 1 minuteUntil I get my snippet library up and running in WordPress, I’m storing a lot of my snippets over at GitHub. One of the first things I put up there is a super handy snippet for easy-bake CSS triangles

Reading Time: < 1 minuteAnother stupid CSS3 trick: Take a bucket-full of CSS3 -webkit animations, add in a table or two that you’ve marked up somewhat semantically, hit refresh and voilá, you have a way to keep track of how much time has passed without JavaScript. Warning: Google Chrome only

Reading Time: < 1 minuteThis goes into my category of stupid CSS3 tricks. I think at some point I was playing with animations and timing, and I thought that the coolest and most useless CSS3 thing I could come up with is a pendulum. Warning, it only works in Google Chrome.

Reading Time: 2 minutesShow a geek you love her with a heart made lovingly with CSS

Reading Time: 3 minutesI’m in a CSS mailing list and this morning, Vince over at Ghodmode Development shared a fun little experiment showing that an em isn’t an “m” in CSS. I, along with others, more or less responded with “d’uh”. We’ve seen this phenomenon for years and didn’t totally understand the purpose. In fact, I attempted to