Articles by

Chris Coyier

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

ShopTalk Episode 14

Direct Link

Another RAPIDFIRE episode this week loaded with all Q&A. If you like the guest episodes, don’t worry, we have plenty coming up.…

Glowing Blue Input Highlights

Like mid-2012 Twitter.

input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, 
(Updated on )

Updated: The Current State of HTML5 Forms

Direct Link

It’s been about a year, so I redesigned and updated all the support information here. Added Android. Lots more green, but we’re still quite a ways off from using features like validation without fallbacks.…

Mixins for Rem Font Sizing

The rem font-size unit is similar to em, only instead of cascading it’s always relative to the root (html) element (more information). This has pretty good modern browser support, it’s just IE 8 and down we need …

(Updated on )

Using the CSS :target Selector

The CSS :target pseudo selector in CSS is both pretty cool and pretty limited in what it can do. In this article, we discuss some things it can be helpful with, its limitations, and some work arounds.
(Updated on )

Get The First Image From a Post

Let’s say you wanted to use the post thumbnail feature of WordPress, but had a whole archive of posts that would take too much time to go through. For new posts, you can be specific and use the feature as …

(Updated on )

Foresight.js

Direct Link

Speaking of bandwidth media queries, this project by Adam D. Bradley looks promising:

Foresight.js gives webpages the ability to tell if the user’s device is capable of viewing high-resolution images (such as the 3rd generation iPad) before the image

ShopTalk Episode 12

Direct Link

This week Dave and I are joined by Dave’s co-workers and amigo’s Trent Walton and Reagan Ray. We talk about cutting edge front end stuff, client services, topics for a graduate thesis, and more. Brought to you by LessMoney and …