Autofill City & State from Zip Code with Ziptastic Read on! →

May 3 2012
21

Most address fields on web forms ask for city, state, and zip code (or city and post code, outside of the US). But as us nerds often lament, city and state are redundant with zip code. Or at least they can be inferred from a correctly entered zip code. That’s the kind of thing computers are good at. What we need is a proper API to cough up that information for us on demand. …

Viewport Sized Typography Read on! →

Apr 30 2012
33

CSS3 has some new values for sizing things relative to the current viewport size: vw, vh, and vmin. It is relevant to bring up now, because it’s shipping in Chrome 20 (canary at the time of this writing). And not behind a flag, it just works. Production usage isn’t quite there, but it will be soon enough.…

Transitions Only After Page Load Read on! →

Apr 27 2012
24

If you’ve ever used CSS transitions on structural elements on your page, you may have noticed a case where you see that transition happen when the page loads and is laying itself out. …

Triangle With Shadow Read on! →

Apr 19 2012
37

You probably already know you can make triangles with CSS. But what if you want to put a shadow behind it? Unfortunately the classic border trick doesn’t change the shape of the element, it’s just a visual trick. Let’s look at a couple alternative solutions.…

On to more articles! →

Latest Snippets

Latest Screencast

#110: Quick Overview of CSS Position Values

This is a quick beginner-level overview of the different CSS position values. In a nutshell: relative allows you to "nudge" and leaves the element's original position in the page flow. Absolute and fixed allow for exact placement of elements and remove them from the page flow. Fixed positioned elements are unaffected by scrolling. All of them set a new positioning context and allow z-index to work.

Links from Video: