Design is Resize.

Inspired by Arley McBlain’s site and his clever use of CSS Media Quer­ies, I set out to explore the pos­ib­ilites using this tech­nique. In my first try I wanted to use simple CSS trans­itions to cre­ate a com­pel­ling piece. The res­ult is a good one, but the pos­sib­ilites of what can be done are endless.

Go on… Click & res­ize your window.

Typekit is used for all the dif­fer­ent typefaces, a bit of CSS3 Trans­forms, back­ground trans­itions and bam. Done.

Simple Code

Here’s an example of how I’m mak­ing the switch from one word to the next: