PSD to HTML PSD to HTML

Konami Code: Overview, Examples and Best Practices

TalkSpot Free Website, Free Hosting, Create Website, Free Webpage
Google Buzz InstantShift - Konami Code: Overview, Examples and Best Practices

The well-appreciated and possibly most-remembered “secret” code of all time, The Konami Code, a cheat code that originated on the original NES and has since made its way into many other games.

up, up, down, down, left, right, left, right, B, A

The Konami Code was first used in the 1986 release of Gradius and when entered correctly would give the player full power-ups but was made famous in North America in the NES version of Contra, for which it was also dubbed the “30 Lives Code”.

Here in this article below, we are going to present you an quick overview followed with some of the best practices for konami code which might help you learn a thing or two.


For those, who don’t know what is Konami Code? And what it can do? Then follow the link below for detail introduction.

Throughout history, great designers always found new ways to show their creativity to express themselves and create new trends and techniques to remark their work apart from the rest of the crowd. As you already know that konami code a cheat code that appears in many konami and non-konami video games But many of you surprised to know that it also used in a creative web design for secret events and actions.

So the question is how can you make it enable in your site too? Here we might can help you by presenting this article followed by a list of working examples.

You may be interested in the following related articles as well.

Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links that our readers may like.

Don’t forget to Subscribe to our RSS-feed subscribe to our RSS-feed and Follow us on Twitter follow us on Twitter — for recent updates.


What is Konami Code and How to use It?

 

The Konami Code, known in Japan as the Konami Command, is a cheat code that appears in many Konami video games, although the code also appears in some non-Konami games. The code was first used in the 1986 release of Gradius for the Nintendo Entertainment System (NES) but was made famous in North America in the NES version of Contra, for which it was also dubbed the “30 Lives Code”.

While pausing the game or during the title screen, the player could press the following sequence of buttons on the game controller : “↑ ↑ ↓ ↓ ← → ← → B A

The code was subsequently re-used in a large number of other games, and has found a place in popular culture as a reference to the third generation of video game consoles. Now it also used by many web designers to enable special actions or secret pages.

If you go to facebook.com and press the code “↑ ↑ ↓ ↓ ← → ← → B A” now press “enter” and then click or type, you can see a shining light which is actually called ‘lens-flare’ mode. It’s actually fairly playable.

To Know more about Konami Code please visit following Wikipedia Konami Code entry.

 

How to Enable Konami Code In Your Site?

 

If you want to implement the Konami code on your website, just include this JavaScript (written by the jQuery team) into your page code.

if ( window.addEventListener ) {
  var state = 0, konami = [38,38,40,40,37,39,37,39,66,65];
  window.addEventListener("keydown", function(e) {
    if ( e.keyCode == konami[state] ) state++;
    else state = 0;
    if ( state == 10 )
      window.location = "http://example.com";
    }, true);
}

 

Konami Code: Examples and Best Practices

 

01. Facebook

instantShift - Konami Code: Overview, Examples and Best Practices

“↑ ↑ ↓ ↓ ← → ← → B A” + Enter, Then click or type.

Official Link


02. Jquery

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

03. Digg

instantShift - Konami Code: Overview, Examples and Best Practices

Try it on a page with comments to see the action.

Official Link

04. Buysellads

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

05. Mint

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

06. Netlog

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

07. Aim

instantShift - Konami Code: Overview, Examples and Best Practices

First Launce AIM Express, Now log-in and then press “↑ ↑ ↓ ↓ ← → ← → B A”, Now click on the top-left box.

Official Link


08. Plurk

instantShift - Konami Code: Overview, Examples and Best Practices

Try it on any plurk profile page.

Official Link

09. Google Reader (Login Required)

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

10. Gamespot

instantShift - Konami Code: Overview, Examples and Best Practices

“↑ ↑ ↓ ↓ ← → ← → B A” + Enter.

Official Link


11. Gamepro

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link



12. Blueworld

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

13. Webnotes

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

14. Zeno.name

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

15. Uncrate

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

16. Aq

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

17. Logicbox

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

18. Leihu

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

19. 9ko

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

20. Usetrackthis

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

21. Bobba

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

22. Elliottkember

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

23. Nielskiene

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

24. Speccedforawesome

instantShift - Konami Code: Overview, Examples and Best Practices

“↑ ↑ ↓ ↓ ← → ← → B A” + Enter, and Enter, and Enter,…

Official Link


25. Satf

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

26. Hardware

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

27. Lifthill

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

28. Cubeecraft

instantShift - Konami Code: Overview, Examples and Best Practices

“↑ ↑ ↓ ↓ ← → ← → B A”, Then click on download.

Official Link


29. Milliondollarcu

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

30. Qiwi

instantShift - Konami Code: Overview, Examples and Best Practices

“↑ ↑ ↓ ↓ ← → ← → B A” + Enter, and Enter, and Enter,…

Official Link


31. Ignomania

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

32. Appchimp

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

33. Voccine

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

34. Soundclick

instantShift - Konami Code: Overview, Examples and Best Practices

“↑ ↑ ↓ ↓ ← → ← → B A” + Enter, and Enter, and Enter,…

Official Link


35. Mynameise

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

36. Cleard

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

37. Teddy-o-ted

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

38. Super Chick Sisters

instantShift - Konami Code: Overview, Examples and Best Practices

“↑ ↑ ↓ ↓ ← → ← → B A” + Enter.

Official Link


39. Creativecloseup

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

40. Hideou

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

41. Erenemre

instantShift - Konami Code: Overview, Examples and Best Practices

“↑ ↑ ↓ ↓ ← → ← → B A” + Enter.

Official Link


42. Batteryinteractive

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

43. Absolutebica

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

44. Design Militia

instantShift - Konami Code: Overview, Examples and Best Practices

“↑ ↑ ↓ ↓ ← → ← → B A” + Enter.

Official Link


45. Finally, Last but Not the Least

instantShift - Konami Code: Overview, Examples and Best Practices

Official Link

Resource Link Worth Mentioning

 

Find Something Missing?

While compiling this list, it’s always a possibility that we missed some other great resources. Feel free to share it with us.




Author : Anders Ross

I'm a co-founder of iShift as well as a freelance designer and a web addict in Frankfurt, Germany. I spend too much time in front of the computer and when I actually manage to get away for more than 10 minutes, I am usually reading books, traveling or shooting photos. Check the latest updates of iShift @instantShift or You can catch me on twitter @indusLogic

35 Articles posted by Anders Ross.
gravatar

If you enjoyed reading, consider sharing it on one of these social bookmarking sites.


RSS Enjoy this Post? Subscribe to InstantShift.

RSS Feed   RSS Feed     Email Feed  Email Feed



Leave a Comment Subscribe to RSS Feed Subscribe by Email
  1. Gravatar Connor August 27, 2009

    Comment Arrow

    Cool!

    Is it added to Pro Evolution Soccer?


  2. Gravatar Paul Irish August 27, 2009

    Comment Arrow

    The code above doesn’t support IE.
    If you’d like one that does, there are a few out there, but if you especially enjoy unicorns: http://paulirish.com/2009/cornify-easter-egg-with-jquery/


  3. Gravatar Josh Stauffer August 27, 2009

    Comment Arrow

    This is awesome! How did you find this list of sites that use the Konami Code?


  4. Gravatar Wallpapers August 27, 2009

    Comment Arrow

    Looks cool , Thanks for sharing


  5. Gravatar Teddy August 27, 2009

    Comment Arrow

    Thanks for featuring my site, Anders! I didn’t know anything about the use of the Konami code in web design until I stumble upon KonamiCodeSites.com :) that’s where designers are encouraged to include it as part of their design and submit their sites to be listed.

    While some may argue that the Konami code adds some unnecessary bulk to a site due to the extra few lines of JS and perhaps, a few more for the modal window (or any other actions, like expansion of comment replies in Digg) – I think it’s an interesting eye candy to have.


  6. Gravatar SeoNext August 27, 2009

    Comment Arrow

    Wow its looking amazing.Really a nice code.


  7. Gravatar Jeremia Froyland August 27, 2009

    Comment Arrow

    That is crazy! Man, there’s a whole other world that is unknown to most of us non-designers and techies. Great post, definitely a refresher and something unique to read.


  8. Gravatar Luis Lopez August 27, 2009

    Comment Arrow

    I can’t beleive it that’s a classic trick for anyone who plays on Snes or N64 I always remember ISS98 where you had to do the code plus stick up and down R and L to get the stars teams.
    Excellent article, I love the Jquery secret page with the video adn the little game. Excellent, but how did you do to find all those pages? did you visit everyone and try the code?


  9. Gravatar Mars August 27, 2009

    Comment Arrow

    nah! i didnt know that code is also used on website, great!


  10. Gravatar Dave Sparks August 27, 2009

    Comment Arrow

    Crazy – I would never have thought of using a cheat code on a website.


  11. Gravatar WPDITE August 27, 2009

    Comment Arrow

    Wow! cool man…


  12. Gravatar Arrica Lee August 27, 2009

    Comment Arrow

    Wow, I have never known this before. Thanks a lot for telling me what’s this Konami code and how it works. Those are fantastic sites!


  13. Gravatar Andy Gongea August 28, 2009

    Comment Arrow

    OLE.

    Great post, really funny and enjoyable. Cheers!


  14. Gravatar Kevin Xu August 28, 2009

    Comment Arrow

    cool and informative, Thanks!


  15. Gravatar favSHARE August 31, 2009

    Comment Arrow

    This article has been shared on favSHARE.net. Go and vote it!


  16. Gravatar Web Design Blog September 13, 2009

    Comment Arrow

    Very nice designs :)


  17. Gravatar Bursa Evden Eve Nakliyat September 20, 2009

    Comment Arrow

    Nice..themes..!!!!!!!!
    thanks


  18. Gravatar Jason Mockson November 5, 2009

    Comment Arrow

    I was able to do it on my brother’s designer’s site: http://www.pocnetwork.net




  • Gravatar

    Your NameNovember 5, 2009

Arrow
Spam protection: Sum of 4 + 6 ?



If you face problem with captcha and it says the sum is incorrect. Make sure...

1. Browser is javascript enabled and accepting cookies.
2. Clear browser cache and try again.



http://www.instantshift.infohttp://www.instantshift.orghttp://www.instantshift.net