Responsive Web Design Easter Egg

by Jeffrey Zeldman

19 Reader Comments

Back to the Post
  1. Ha! Nice! I’ve often thought of that gesture as either “beeping” or “marcotting” but “Responsive Resize Mambo” works, too.
    Copy & paste the code below to embed this comment.
  2. Haha, that is fresh! Clever Easter egg.
    Copy & paste the code below to embed this comment.
  3. @Doug Hanke: Tim Murtaugh calls that kind of resizing the “Browser Dance.”
    Copy & paste the code below to embed this comment.
  4. Excellent Easter egg. Although I was hoping that when I seen Mambo, that there would maybe be some Lou Bega action.
    Copy & paste the code below to embed this comment.
  5. I distinctly remember the one with two rows of players. Very funny and clever illustrations
    Copy & paste the code below to embed this comment.
  6. 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?
    Copy & paste the code below to embed this comment.
  7. @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.)
    Copy & paste the code below to embed this comment.
  8. Truly nice, but an “easter egg” should not be… secret? Someone else would have to find out, not you ;)
    Copy & paste the code below to embed this comment.
  9. Awesome, Look like a fun :)
    Copy & paste the code below to embed this comment.
  10. wow great.. :) such a great growth in Responsive Web Design
    Copy & paste the code below to embed this comment.
  11. 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.
    Copy & paste the code below to embed this comment.
  12. 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.
    Copy & paste the code below to embed this comment.
  13. Great Awesome! Its look like Responsive Web Designing will have very big impact in web design world.. http://www.iplains.com/web-designing
    Copy & paste the code below to embed this comment.
  14. Nice one
    Copy & paste the code below to embed this comment.
  15. 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?
    Copy & paste the code below to embed this comment.
  16. 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.
    Copy & paste the code below to embed this comment.
  17. Thank you so much for sharing this outstanding Web Design Stuff. It is definitely going to help me in near future.
    Copy & paste the code below to embed this comment.
  18. 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.
    Copy & paste the code below to embed this comment.
  19. 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
    Copy & paste the code below to embed this comment.