Articles by

Chris Coyier

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

Front End Design Conference

Direct Link

July 22, 2011 – St. Petersburg, Florida. This is the third year going. Two years ago, I spoke at the first one which was my first “real” speaking gig ever. This year I’ll be talking CSS, which, strangely enough, I’ve …

:any()

Direct Link

Marco Kuiper with some real world examples of how the :any() selector (already live in Firefox 4 and WebKit nightlies) can clean up otherwise clunky selectors. …

Play Sound on :hover

Use JavaScript to trigger the playing of a sound (an HTML5 audio element). A couple of ways to do it are presented here, along with a few gotchas to watch for.

The Cicada Principle

Direct Link

So there is this bug… also prime numbers… and… just read it it’s really neat and has practical web design implications. …

(Updated on )

#95: A Tale of Border Gradients

Turns out there is a simple way to accomplish gradients on borders. That took me longer than it should have to arrive at though, this screencast covers all the ways I tried and looked at along the way.

View Demo

(Updated on )

What if there was no position: static;?

A fun thinking exercise for CSS nerds! What if all elements defaulted to relative positioning instead? What are the advantages, disadvantages, and caveats to consider...

Reveal a Background Image upon Text Selection

Highlight text, reveal an actual image beneath! Not possible with the text selection pseudo class, but is possible by wrapping selected text in spans via an open source JavaScript library and adding the background image to that.
(Updated on )