Articles by

Chris Coyier

Founder, writer, designer, spam-deleter, email personality

Open Source Ampersands

Direct Link

Little download packages by Mark Pilgrim that contain @font-face files that are super tiny because they contain just a single character: the ampersand. They come with an HTML demo so using them is an easy copy-and-paste job.…

Display Browser and Version

This is jQuery specific, and contains a bit of a hack/fix for dealing with Chrome. This works between jQuery 1.5.1 and jQuery 1.8.3. It’s gone in jQuery 1.9. Presumably because it was used too improperly too frequently and it was …

(Updated on )

It’s The Final Countdown

Direct Link

Microsoft themselves is tracking and promoting the demise of IE 6. China? 34.5%? Seriously?

And I can’t help but hum a little Europe:

We’re leaving together
But still it’s farewell
And maybe we’ll come back
To earth, who can tell?

More Generated Content Tricks

Direct Link

Trevor Davis from Viget Labs with some clever and real-world implementations of pseudo elements.

There is so much to talk about with these pseudo elements it’s crazy. I’m speaking at a few conferences coming up and I’m putting together a …

Deals for Designers

This used to be a thing, but it isn’t anymore.…

(Updated on )

Quick Thoughts on Sharing Buttons

Randomly this week, I’ve had more-than-normal number of comments from folks who ask me something like:

Went to go tweet/share a blog post of yours, and noticed you don’t have any of those on your site. Interesting, any reason why?

Show and Edit Style Element

Kind of a classic little trick for ya’ll today. You know the <style></style> blocks you can put in the <head></head> of your HTML to do styling? You don’t actually have to put those in your head, they can be anywhere …

(Updated on )

Sans-Serif

Declaring just 'sans-serif' as the font-family means you'll get Helvetica on Mac, Arial on PC, and still have the good generic keyword fallback.
(Updated on )

Generated Background Noise

Direct Link

jQuery plugin by Daniel Rapp to fill any element with background noise. Uses <canvas> to create, then turns it into an image and sets a repeating background-image. Even if you’d be against using this on a production site, it’s …