A grid of state flags.

US Flags [dot] Design is a meeting of two things for me: a budding vexillology interest and a love for visual design guides.

Each state/territory’s flag guide describes its flag’s history and official specifications including composition, iconography, colors, and construction.

The content of this site was gathered from official laws and government documents, plus many emails and calls to state offices, historical societies, and vexillologists.

Visit or contribute via GitHub.

Screenshot of a website called The Food Place, meant to look like a restaurant’s web menu.

A fun little site dedicated to the television show The Good Place.

The Food Place is a modern eatery for this life and after. Read through the menu and enjoy the food and drink you remember from Eleanor and friends’ time on Earth, in the fake Good Place, the Bad Place, and the real Good Place.

Visit or take a peek at the code on GitHub.

a grid of illustrations including Mike Wazowski, a caseete tape, Nibbler, BB-8, and a Disneyland Mickey ears hat

An ongoing drawing project to see what’s possible with CSS. Each drawing is a single HTML element (the beloved div) and a whole bunch of styles.

Wonderfully creative use of CSS gradients, borders, box-shadows, and generated content.Jeremy Keith

A Single Div was featured in Net Magazine issue 261.

Visit or inspect the code on GitHub, read a tutorial on Mozilla Hacks, or view my CSSDay talk.

a screenshot of the Airport Codes website, featuring a grid of airports each identified by a photo and its three-letter IATA code

Every airport has a unique three-letter IATA code. Some make sense if you know the city or the name of the airport and others, well, what the heck? Turns out there’s usually a reasonable explanation.

The site features over 1000 airports and includes an airport from every country that has one.

Airport Codes has us diverting more time from work this week than our Facebook feeds.Chuck Thompson, CNN

Airport Codes was featured on Vox, CNN, and NPR’s Here & Now. Visit or contribute via GitHub.

a screenshot of the WhyAZ site featuring a grid of facts each accompanied by an illustration

WhyAZ is a little web project that resulted from asking questions about attracting and keeping talent in Arizona. We spend a lot of time building up and promoting our brands and projects, but we spend little time talking about Arizona. Our state has a lot to offer and so was born.

To make it even more fun, I thought it might be neat if we designed the site completely in browser, drawing our graphical elements in CSS while maintaining clean, semantic markup.

To read more about the approach, check out this blog post: Why WhyAZ?

At the time of that post, each illustration consisted of two HTML elements. But now, each illustration is one glorious single div.

To see the many many examples we've made (and to learn more about our great state), visit or contribute via GitHub.

a screenshot of the Top Chef Stats site, showing rankings and stats with numbers and little chef heads

I’m a big fan of the reality competition show Top Chef. Seriously, I can’t get enough.

Top Chef Stats is a just-for-fun site that compiles data and facts from all the seasons of the original series, plus spinoffs Top Chef Masters, Just Desserts, and Duels.

If you’re a fan of the show, definitely check it out at or contribute via GitHub.

a screenshot of the Hollywood Age Gap site showing age gaps between movie love interests in descending order

Have you ever noticed how in movies young actresses are often cast as the love interests of much older leading men? Buzzfeed even wrote an article poking fun at the Hollywood age gap.

Male actors are regularly cast alongside love interests 10-30 years their junior. And on the flipside, in the most ubiquitous film example of a man dating an older woman, The Graduate, Anne Bancroft was only 6 years older than Dustin Hoffman.

Hollywood Age Gap examines the age difference between movie love interests. Check it out and judge for yourself if Hollywood has an age problem.

Visit or contribute via GitHub.