The A List Apart Blog Presents:

Responsive Web Design Easter Egg

Article Continues Below

Three years ago in these pages, ALA technical editor Ethan Marcotte fired the shot heard ’round the web. ALA designer Mike Pick thought it might be fun to celebrate the third anniversary of “Responsive Web Design” (A List Apart Issue No. 306, May 25, 2010) by secreting an Easter Egg in the original article; our illustrator, Kevin Cornell, rose to the challenge.

To see it in action, visit, grab the edge of the browser window (device permitting), and perform the responsive resize mambo. (ALA’s Tim Murtaugh, who coded the Easter Egg, has provided a handy video demo of what you’ll see.)

19 Reader Comments

  1. Ha! Nice! I’ve often thought of that gesture as either “beeping” or “marcotting” but “Responsive Resize Mambo” works, too.

  2. This is not a typical responsive case because it is implemented by javascript but not css media query.

    Perhaps I can guess why @Tim Murtaugh did so. Because there are 4 JPGs totally costs 351KB and media query can not download only one that required. It’s a disaster for mobile performance. Am I right?

  3. Truly nice, but an “easter egg” should not be… secret? Someone else would have to find out, not you 😉

  4. That’s awesome. I’m gonna be up late again tonight coding some Easter eggs of my own into my new portfolio site. Thanks for sharing.

  5. Really nice concept with the alternating images! My web design agency in Leeds, UK are working on a couple of responsive Drupal websites with an illustrator and doing something similar – totally different art style. Much more graceful than these jQuery parallax scrolling sites that are trending all over the place.

  6. Welcome to Digital Group Media we’re a small but effective team focused on creating the most effective web design Birmingham has to offer. We’re completely fixated with website design that doesn’t just look good, but delivers results for your organisation.

Got something to say?

We have turned off comments, but you can see what folks had to say before we did so.

More from ALA


In this excerpt from World Wide Waste, Gerry McGovern examines the environmental impact of bloated websites and unnecessary assets.

Connecting the Dots

In this excerpt from Creative Culture, Justin Dauer walks us through many ways in which an organizations’ culture and the design work that it does play off of one another.