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.)
Ha! Nice! I’ve often thought of that gesture as either “beeping” or “marcotting” but “Responsive Resize Mambo” works, too.
Haha, that is fresh! Clever Easter egg.
@Doug Hanke:
Tim Murtaugh calls that kind of resizing the “Browser Dance.”
Excellent Easter egg. Although I was hoping that when I seen Mambo, that there would maybe be some Lou Bega action.
I distinctly remember the one with two rows of players. Very funny and clever illustrations
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?
@andre Implemented via JS, yes, but using the polyfill for the technique we hope will become a standard 🙂
(That is to say, Picturefill, which we use for our illustrations anyway.)
Truly nice, but an “easter egg” should not be… secret? Someone else would have to find out, not you 😉
Awesome, Look like a fun 🙂
wow great.. 🙂 such a great growth in Responsive Web Design
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.
Responsive web design I want to implement on my website http://www.onlineessay.us/, although it is still in the process of development and content.
Great Awesome! Its look like Responsive Web Designing will have very big impact in web design world.. http://www.iplains.com/web-designing
Nice one
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?
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.
Thank you so much for sharing this outstanding Web Design Stuff. It is definitely going to help me in near future.
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.
Nice articles. currently google has announced responsive website for better ranking so you need to create or designing responsive website as well as mobile friendly for better ranking in google