Articles by

Chris Coyier

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

Get an Images Native Width

If you select and image with jQuery and then use .width(), you’ll get the images current width, even if it’s been scaled (e.g. max-width: 100%;). You can access the images native width (even if it doesn’t have any attributes …

Submit to the Gallery

Fill out my online form.

var k7w2z9;(function(d, t) { var s = d.createElement(t), options = { 'userName':'chriscoyier', 'formHash':'k7w2z9', 'autoResize':true, 'height':'400', 'async':true, 'header':'hide', 'ssl':true}; s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'wufoo.com/scripts/embed/form.js'; s.onload = s.onreadystatechange = function() …

(Updated on )

#102: Braindump on Responsive Web Design

In which I show and explain the very basics of what “responsive web design” has come to mean. Then I go all over the place and show examples, related resources, relevant people, tips and tricks, and more.…

(Updated on )

CSS Shaders

Direct Link

A bunch of crazy awesome affects you can apply via CSS through the filter property: blur, drop-shadow, gamma, grayscale, hue-rotate, invert, opacity, saturate, sepia, and sharpen. Adobe has been doing some great stuff with CSS lately. Their last amazing demo

New Poll: Ideal Page Weight

What do you think is reasonable page size to try and stay under for a modern web design?
(Updated on )

Poll Results: Your Favorite Page Title Separator

THE PEOPLE HAVE SPOKEN. The pipe character “|” is by far the most popular page title separator with 47% of the vote and being up against 15 other choices. …

(Updated on )

Writing Better HTML & CSS (Slides from FOWA London)

I’m just back from London where I spoke at the Future of Web Apps. My talk was titled, rather generically, Writing Better HTML & CSS. Slides pale in comparison to real talks, but I still like posting them in case …

Append / Prepend Files

Rather than having to call / include a file you need on every single page, you can have them automatically prepended (top of file) or appended (bottom of file) automatically through your .htaccess file.

php_value auto_prepend_file "/real/path/to/file/functions.php"
php_value auto_append_file "/real/path/to/file/footer.php"