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 alistapart.com/article/responsive-web-design, 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. That is so awesome! We do responsive clients for every one of our designs as you can see in our portfolio at http://www.cohesivewebdesigns.com but I had never thought about having the images change with every section! That’s awesome. Would you mind sharing the code that makes that possible?

  6. 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.

  7. 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

Designing for the Unexpected

As devices continue to diversify in dizzying ways, how can we make sure our work on the web stays as relevant as ever for the long haul? Cathy Dutton shares how practitioners must perfect designs both for the paradigms of the present and the twists of the future, come what may.
Design

Asynchronous Design Critique: Getting Feedback

Receiving feedback can be a stressful experience: will an open-ended question attract helpful guidance or harsh criticism? Erin “Folletto“ Casali coaches us through a process to ensure that feedback always lands gracefully.
Design

Asynchronous Design Critique: Giving Feedback

You’ve heard the term “constructive criticism” countless times but do you know how to deliver it? Part one of this series from Erin ‘Folletto’ Casali gives you a framework for it! Flex your feedback muscles and practice these skills to empower and inspire others without deflating or confusing them.
Design

That’s Not My Burnout

If, like many folks during the pandemic, you’ve begun confusing burnout for achievement, Donna Bungard will show you how to recognize that you’re low on fuel and give you a map of rest stops where you can refill your tank.
Career