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 … Continue reading
Category: CSS
WARNING!
Below you are about to see some CSS tips, tricks, hacks – some clever, some stupid. These are not guaranteed to work in every browser, nor do I care if they do. You’ll probably want to look at these in a webkit browser such as Chrome, Safari, Android, or Amazon Silk. I’ll apologize for how these look in Internet Explorer, if you apologize for using it to begin with.
Clever CSS3 Tricks: Using the em in text-shadow and box-shadow
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 … Continue reading
CSS Sorcery: Performing Magic with the Attribute Selector
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 … Continue reading
Learning the CSS Selectors: from N00b to Ninja
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 … Continue reading
Clever CSS Tricks: using :target to create accordions
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 … Continue reading
Snippets: Class Friendly CSS Triangles
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
Stupid CSS3 Tricks: Keeping time without JavaScript
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 … Continue reading
Stupid CSS3 tricks: An animated pendulum complete with realistic shadow
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. … Continue reading
Happy Valentine’s Day with a CSS3 heart
Reading Time: 2 minutesShow a geek you love her with a heart made lovingly with CSS
CSS Tip: An em isn’t an “m”, but an ex is an “x”
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 … Continue reading