Chris Coyier – HTML5 & CSS Pseudo Elements

We were in Orlando recently for the 2011 InControl Conference and our friend Chris Coyier was there so we snagged him for an quick sit down to find out some of his thoughts on things the other speakers were talking about, HTML5 at the time and where he was looking for his latest CSS inspiration.

Pseudo Elements

I’ve seen Chris’ talk about Pseudo Elements and this stuff really is hot. It kind of blows my mind a bit to discover it’s nothing new, it’s been around for a while now, CSS2 actually, but just hasn’t caught on. Chris has a really great post on CSS-Tricks.com that takes you through Pseudo Elements quite thoroughly.

His quick intro to Pseudo Elements is as follows:

It’s pretty amazing what you can do with the pseudo elements :before and :after. For every element on the page, you get two more free ones that you can do just about anything another HTML element could do. They unlock a whole lot of interesting design possibilities without negatively affecting the semantics of your markup.

Really great stuff to dig into, if get a chance to catch Chris giving a talk on the subject you’re in for a treat.

CSS-Tricks.com New Site Launch

csstricks-v9

By the way Chris just launched a new version of his CSS-Tricks.com website (I think version 9 now). We’ve been fans a long time of watching this site grow and change and wish you luck with the new roll out Chris! There’s a nice post about the launch here.

More about Chris Coyier

Chris is the force behind CSS-Tricks.com, currently working as Wufoo’s Lead Hucklebucker. Chris is a WordPress expert having authored the Digging into WordPress book and the Lynda.com WordPress 3 tutorial series.

Here is Chris’ bio from Wufoo.com:

Chris Coyier is Wufoo’s Lead Hucklebucker and second designer. He enjoys banjos, fiddles, and finding people who have never heard of Wufoo so he can tell them all about it. He is thinking about starting a horse and wagon medicine show and taking it on the road. Only instead of medicine it will be Wufoo and instead of a wagon and the road it will probably just be a blog. Chris learned everything he knows from The Andy Griffith Show.

Kinsta

1 Comment

Submit a Comment

Your email address will not be published. Required fields are marked *

Time limit exceeded. Please complete the captcha once again.

News & Articles

How CX (Customer Experience) Can Combat Customer Churn

How CX (Customer Experience) Can Combat Customer Churn

A seamless customer experience (CX) can reduce churn and boost retention. Discover essential design strategies that transform frustrating user journeys into engaging, personalized experiences that build loyalty and trust.

Is Graphic Design Dead?

Is Graphic Design Dead?

Graphic design isn’t dead, it’s evolving. Inspired by a Threads post, this piece dives into the art vs. design debate, AI’s impact, and why selling your value matters.