The Most Important think is not -what you say, the important thing is -how you say and when you say , While some days before we are using flash for buttons, gallery etc, later now JavaScript frameworks like mootools , scriptallicious and prototype replace the flash with a light weight code and we can get the same effect like flash

But how to use them effectively in such a way it wont distract the users attention and it should add value to the website, have a look at the10 Sample Websites below which use JavaScript animations minimally and effectively

1.Dibusoft

2.Adcapital Industires
3.Marius Roosendaal

4.NOFRKS

5.Digital Artiflex

6.Playground Blues

7.WeBleedDesign


8.Baltic Producers

9.OmniTech

10.TurboTax

Crazyegg Style Of SignUp Page at its Best

Complete set of shared web hosting with exclusive collection of 70-576 braindumps provide you complete knowledge of 1Y0-A18 and mcts training so you will pass your final vmware certification exam in first try.

Posted by brantwilson

Brant Wilson is a staff writer for the DesignMag network. Brant enjoys all things design and development, dogs, and candy. Brant is passionate about training freelancers. Learn how you can earn $125+ freelancing. Start learning for free now! Connect with Brant on google+

213 Comments

  1. […] Joe Anderson wrote an interesting post today onHere’s a quick excerptBut how to use them effectively in such a way it wont distract the users attention and it should add value to the website, have a look at the10 Sample Websites below which use JavaScript animations minimally and effectively. 1.Dibusoft … […]

    Reply

  2. Nice list. However, link #1 is pointing to the wrong URL.

    Reply

  3. […] Joe Anderson wrote an interesting post today onHere’s a quick excerptBut how to use them effectively in such a way it wont distract the users attention and it should add value to the website, have a look at the10 Sample Websites below which use JavaScript animations minimally and effectively. 1.Dibusoft … […]

    Reply

  4. very nice indeed. some of the links are wrong though. duplicate sites on different images.

    Reply

  5. Oops !! Sorry Guys, the links are fixed now

    Reply

  6. […] göze hitap etmeyi amaçlayan ki?isel sitelerin haricinde flash’a pek rastlayam?yorum. i?te ?urada da yukar?daki javascript kaynaklar?ndan yararlan?larak olu?turulan 10 güzel site […]

    Reply

  7. Wow, very good list. But, one link who has problems.

    Reply

  8. […] hitap etmeyi amaçlayan ki?isel sitelerin haricinde flash’a pek rastlayam?yorum. i?te ?urada da yukar?daki javascript kaynaklar?ndan yararlan?larak olu?turulan 10 güzel site […]

    Reply

  9. […] 10 Websites That use JavaScript Animation Effectively!! 40 Tips for optimizing your php code // Reinhold Weber […]

    Reply

  10. […] hitap etmeyi amaçlayan ki?isel sitelerin haricinde flash’a pek rastlayam?yorum. i?te ?urada da yukar?daki javascript kaynaklar?ndan yararlan?larak olu?turulan 10 güzel site […]

    Reply

  11. aawesome examples
    Buuuut, turn off javascript and most stop working to show the extra hidden content of the animated content reveals

    Reply

  12. Who can show how to do animation in playground blues website. http://www.playgroundblues.com/

    Reply

  13. Nice top ten!
    Hey, dibusoft is actually using Flash!! they used flash for the titles for the rolling area, just to have the transparent background.

    btw the best ones are: “we bleed design” and NoFRKS.

    Reply

  14. I think we’ve done a pretty decent job ourself with our website at; http://ajaxwidgets.com but thank you for some inspiring links 🙂

    .t

    Reply

  15. Digital Artiflex seems to be using the coda slider but it looks to me like just a rip of (call it “being inspired by” if you will) the ExpressionEngine site.

    Reply

  16. Hi there. Nice effort, but only about three of these sites are worth mentioning. Most of them use obtrusive JS which makes the site unusable when JS is turned off, and doesn’t allow you to open links in new tabs or windows. Most are trendy, but definitely not a top ten.

    Reply

  17. Wow. ADcapital my work. Thank you 🙂

    Reply

  18. Hi, nice to see my site under the top ten. Thanks

    Reply

  19. […] 10 Páginas con un bueno uso de animaciones con Javascript | DzineBlog. Una buena recopilación de sitios que utilizan Javascript para que la visita sea más agradable sin la necesidad de usar Flash.  En particular me gusto el estudio argentino Dibusoft. […]

    Reply

  20. […] 10 Websites That use JavaScript Animation Effectively!! Páginas que usan javascript en plan chachón. Por si da ideas o tienen cosas guapas que copiar 😀 (tags: ajax ideas tools webdesign) […]

    Reply

  21. Interesting top ten.

    Reply

  22. Pretty nice list. But obviously (for some reason) you’re missing newspond.com

    Reply

  23. Very good selection!

    Reply

  24. Some inspiring and interesting work.

    Reply

  25. This list isn’t complete without the addition of http://www.volll.com – absolutly stunning design and use of JS!

    Reply

  26. HI Pete

    The Site is good, i’ll add it in the next list

    Reply

  27. […] dejo el enlace. Tags: animaciones javascript, javascript Puedes seguir los comentarios en el feed RSS 2.0 . […]

    Reply

  28. you may add my work htttp://www.pepsiarabia.com

    extensive use of jQuery and swfaddress.

    Reply

  29. sorry here’s the clickable link

    http://www.pepsiarabia.com

    Reply

  30. please see this site, there are a lot of javascript animation included.

    in the home page and inner pages as well.

    http://www.visiosight.com

    Reply

  31. Jecons, http://www.pepsiarabia.com was done by Impact Proximity based in Dubai and not by you. Stop cheating !!

    Reply

  32. Jecons, http://www.pepsiarabia.com/ was done by Impact Proximity based in Dubai and not by you. Stop cheating !!

    Reply

  33. Sorry Jerome (Jecons) .. I didnt know it was you until later.

    For the readers, Jerome was the Lead Interface Developer for this project (i.e. pepsiarabia.com) along with a few juniors and flash devs and no doubt the above list is incomplete without adding this work.

    Reply

  34. […] 10 Websites That use JavaScript Animation Effectively!! (36) Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages. […]

    Reply

  35. GO FOR

    http://www.eye4u.com

    and see the difference

    Reply

  36. thanks for the great stuff

    Reply

  37. […] 10 Websites That use JavaScript Animation Effectively!! (41) Posted in Resources | Leave a Comment […]

    Reply

  38. Truly inspiring!! You think you know alot then someone shows you that you actually know very little. Looking forward to visiting everyones sites mentioned above. Must admit I have avoided this—but maybe!!

    Reply

  39. You think you know alot then someone shows you that you actually know very little. Looking forward to visiting everyones sites mentioned above. Must admit I have avoided this—but maybe!

    Reply

  40. Jerome was the Lead Interface Developer for this project (i.e. pepsiarabia.com) along with a few juniors and flash devs and no doubt the above list is incomplete without adding this work.

    Reply

  41. Driver Web Siteme yapabilirim. Program Download.

    Reply

  42. Thnx. Program Driver Center.

    Reply

  43. very nice thank you

    Reply

  44. Although we’re admittedly hacks when it comes to programming, we’ve come up with some pretty nifty javascript uses to replace plug ins. Here’s one using javascript to draw graphics with pixel size images.

    http://www.thegreatmartinicompany.com/geometry/Right-angle-trigonometry.html

    Reply

  45. Very Very good.
    And yes, the more i research, the more i convince my self i know nothig!
    Lol

    Thanks a lot.

    Reply

  46. thanks youwery much adm?ns…

    Reply

  47. thanks you wery much…

    Reply

  48. Great list! One more – http://www.alternateinsight.com.au seems to have a slick javascript navigation in their ‘Work’ section.

    Reply

  49. […] 10 Websites That use JavaScript Animation Effectively!! (57) You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed. […]

    Reply

  50. wow nice indeed great!

    Reply

  51. Useful list..thanks…

    Reply

  52. Awesome work !!!! thanks you

    Reply

  53. thank you for sharing..

    Reply

  54. woww great designs….
    i like webbleeddesign..
    is there any tutorials to make web like that…??

    Reply

  55. woww great designs…

    thanks

    Reply

  56. pretty cool! I wish I could code a site like those

    Reply

  57. thanx for nice artichle

    Reply

  58. thanx for nice artichle

    Reply

  59. Nonsense. Vista is just the biggest pig on the block and when it has failures, and it will, you will wonder why you gave the space to it on your Mac drives.
    I run a PC for one program and one reference not available for Mac. Despite the relatively rare use I experience blue screen at least once a moth while my PowerBook G4 runs merrily along day after day after day.

    Reply

  60. yer bariyeri otomatik yer bariyeri yüksek güvenlik bariyeri

    Reply

  61. ISO 9001,14001,22000 OHSAS 18001 CE BELGELEND?RME ??LEMLER? VE BUNLARIN GÖZET?M VE DENET?M ??LEMLER?N?N YÜRÜTÜLMES? ??LER?N? YAPAR

    Reply

  62. Very Very good.
    And yes, the more i research, the more i convince my self i know nothig!

    Reply

  63. pretty cool! I wish I could code a site like those

    Reply

  64. thank you by admin 🙂

    Reply

  65. Your lists are very old. You have to upload them. I don’t think u design only these 10 websites. It is better if u change your list items. It’s work better for your website. But your items are very pretty good. Good job. thanks

    Reply

  66. very nice sharing thanks 🙂

    Reply

  67. This topic is quite hot in the net at the moment. What do you pay the most attention to while choosing what to write about?

    Reply

  68. thank you very much

    Reply

  69. thank you sharing, nice job

    Reply

  70. thank you sharing, nice job

    Reply

  71. Thank You Nice Working

    Reply

  72. It’s nice, I am learning, thank you

    Reply

  73. […] 10 Websites That use JavaScript Animation Effectively!! […]

    Reply

  74. Looks very interesting. Thanks for sharing..
    http://www.mpos.net/s/p4.asp

    Reply

  75. Thank you for nice sharing, now more enjoyable web design

    Reply

  76. I don’t get much fun with those website. Good collection. Try this site. I think this is a awosome javascript animated website.
    http://www.scottschiller.com/

    Reply

  77. The UIZE JavaScript Framework has just released an upgrade to its animation system. Tasty new motion effects are now possible with the support for curve functions. The Curve Explorer tool lets you experiment with, visualize, and preview curves that can be used to control motion… http://www.uize.com/tools/curve-explorer.html

    Reply

  78. Wow! Excellent work from the creative team and props to Smith for carrying it.

    Reply

  79. I thank for the knowledge

    Reply

  80. The UIZE JavaScript Framework has just released an upgrade to its animation system. Tasty new motion effects are now possible with the support for curve functions. The Curve Explorer tool lets you experiment with, visualize, and preview curves that can be used to control motion…

    Reply

  81. very good list, thanks.

    Reply

  82. GrupMezar.Com ( GrupMezar )

    Reply

  83. Can I pay my cam girls with Paypal from my personal account?
    I know Paypal doesn’t allow payments to adult affiliates, but if I run an adult cam chat studio as a sole proprietorship, is there a way around this rule? Would it be legal and not a violation of Paypal’s TOS for me to pay my girls (they are all independent contractors) from my personal Paypal account, or am I required to pay via my business account?

    I should probably contact Paypal with this question, but thanks in advance for your answers, anyway!

    Reply

  84. this is site good 😀

    Reply

  85. thanks so much. greeting

    Reply

  86. its very nice and amazing project.

    Reply

  87. thanks konu için bebe?im

    Reply

  88. This can be a I enjoy the various articles which were written, and especially the comments posted! I am going to definately be visiting again!

    Reply

  89. bitki derman saç bak?m seti akne tedavisi tüy dökücü saç dökülmesi

    Reply

  90. bitki derman hülya leyla çabuk

    Reply

  91. The Curve Explorer tool lets you experiment with, visualize, and preview curves that can be used to control motion…

    Reply

  92. Query: why, when the Update was declined, did it still install, continues to install after an uninstall until I turned of WSUS. thnx

    Reply

  93. Alevivivzyon.com thanks

    Reply

  94. great infos I disclosed here ! Would like to get some more !

    Reply

  95. The Curve Explorer tool lets you experiment with, visualize, and preview curves that can be used to control motion…

    Reply

  96. thank you for you article

    Reply

  97. Cool collection.. you must see some latest jquery animation stuffs here http://motyar.blogspot.com/search/label/Animation

    Reply

  98. please, In the above message, my delete web addres…

    Reply

  99. The Curve Explorer tool lets you experiment with, visualize, and preview curves that can be used to control motion…

    Reply

  100. But how to use them effectively in such a way it wont distract the users attention and it should add value to the website, have a look at the10 Sample Websites below which use JavaScript animations minimally and effectively

    Reply

  101. Query: why, when the Update was declined, did it still install, continues to install after an uninstall until I turned of WSUS. thnx

    Reply

  102. […] we can use create complex JavaScript websites (Such as Facebook) render quickly, instead it means subtle usability improvements to a web page should be more […]

    Reply

  103. Maani Aghahoseini May 12, 2010 at 8:39 AM

    awesome 🙁

    Reply

  104. I like Playground Blues. It is simple and beautiful.

    Reply

  105. But how to use them effectively in such a way it wont distract the users attention and it should add value to the website, have a look at the10 Sample Websites below which use JavaScript animations minimally and effectively

    Reply

  106. Thank you for the post.

    Reply

  107. how to use them effectively in such a way it wont distract the users attention and it should add value to the website, have a look at the10 Sample Websites below which use JavaScript animations minimally and effectively

    Reply

  108. great post thnak you.

    Reply

  109. DzineBlog.com is one of my most favorite blogs. Keep the good work.

    Reply

  110. vey good web page. thank you.

    Reply

  111. im chat sayfalar? thank you

    Reply

  112. This is a really good blog site. I have already been back many times during the last few days and want to register for your rss implementing Google but cannot understand the right way to do it accurately. Would you know of any instructions?

    Reply

  113. The Curve Explorer tool lets you experiment with, visualize, and preview curves that can be used to control motion…

    Reply

  114. This is a excellent weblog. I’ve been back a couple of times over the past 7-day period and want to sign up for your rss utilizing Google but cannot find out the right way to do it accurately. Would you know of any guides?

    Reply

  115. how to use them effectively in such a way it wont distract the users attention and it should add value to the website, have a look at the10 Sample Websites below which use JavaScript animations minimally and effectively

    Reply

  116. i?te sizlere sunulacak badoo imkan? ve ayr?ca netlog daha bitmediki 🙂hi5 odalar? bay bayan sohbet ve chat sitesi chat ve sohbet kanallar? bedava chat odalar? erkek ve k?z arkada?l?k imkan? chat yeri msn de izmir istanbul arkada?l?k siteleri chat çet chat odalar?

    Reply

  117. This is often a really good blog. I’ve been back once or twice within the last week and want to subscribe to your rss using Google but find it difficult to understand the way to do it precisly. Do you know of any tutorials?

    Reply

  118. great collection bro,thanks for this.

    Reply

  119. i?te sizlere sunulacak chat siteleri imkan? ve ayr?ca chat odalar? daha bitmediki 🙂chat sohbet odalar? bay bayan sohbet ve chat sitesi chat ve sohbet kanallar? bedava chat odalar? erkek ve k?z arkada?l?k imkan? chat yeri msn de izmir istanbul arkada?l?k siteleri sohbet çet chat

    Reply

  120. This website is very nice but a little slow. I wanted to report. Good work …

    Reply

  121. Fine information, many thanks to the author. It is puzzling to me now, but in general, the usefulness and significance is overwhelming.

    Reply

  122. great post thnak you.

    Reply

  123. topics and contents of this site is very good very good thank you and a successful site admins wish you continued salutations such shares.

    Reply

  124. Thank you for sharing your article I would always follow.

    Reply

  125. Thank you for everything your site and shares a very good easy to wish you continued success and thank you dear friends to the administrator Hels

    Reply

  126. Find new Hotfile,Rapidshare,Fileserve,Megaupload,Deposite File, Turbobit, Egyshare premium accounts every day.Find different types of stuff at the same place.Like Software,games, Ebooks,Comics,movie,graphics, programming,Hacking Software,Hacking Article etc. Visit Now…..

    http://www.alldowns.ucoz.com

    Enjoy This..

    Reply

  127. Have you checked out Beema.com? They have an amazing way to really get into the Super Bowl. The game is just on the horizon. Now Beema is offering Superbowl QB characters. Sign up and get yours today and tackle your friends on the opposite side as you rev up for your winning team. Great way to talk smack!! Learn more by going to http://www.beema.com/RTMSuperBowl.aspx

    In addition, I’ve been checking out there site because it seems like a great application for my own website. Worth looking into at least.

    Reply

  128. Here’s one I developed for on behalf of the company I workd for. It uses the MooTools framework for page transitions in a way that shows off the background images before loading the site content. No Ajax used.

    http://www.bodegabirmingham.co.uk/

    Reply

  129. That is really very good article.Thanks! <a http://www.youlacka.com kizlarla chat , cet

    Reply

  130. I ACTUALLY was initially happy to discover this particular web-site.I wanted to appreciate it for your time for this great learn!! I surely loving any little bit of this and I’ve got you bookmarked to see fresh thing you blog post.

    Reply

  131. gamers may well encounter. You may well have spent a several hundred in buy to invest in the console. And now you encounter this challenge. In reality, it is completely probable to resolve this dilemma. Nevertheless, you must take some time to do so. And here are

    Reply

  132. gamers may well encounter. You may well have spent a several hundred in buy to invest in the console. And now you encounter this challenge. In reality, it is completely probable to resolve this dilemma. Nevertheless, you must take some time to do so. And here are

    Reply

  133. what these designs are!!!!!!!
    I am amazed

    Reply

  134. This website is very nice but a little slow. thanks. gercekten tesekkurler

    Reply

  135. Rehoboth-ir, and brake every male among men; his father. Then said unto the money, when ye shall be your God; and the priests alone became a day’s portion of time are the city. And Abraham and they conceived again, buy us make nations are delivered him the field of the

    Reply

  136. gamers may well encounter. You may well have spent a several hundred in buy to invest in the console. And now you encounter this challenge. In reality, it is completely probable to resolve this dilemma

    Reply

  137. gr8n collection and very informative….thanks and looking forward

    Reply

  138. Thanks for the useful article. I like your blog and thank you very much for your sharing.

    Reply

  139. Please Teach Us How To Create Animation With Javascript , Thanks a lot

    Reply

  140. If you’ve watched nike lebron james play at all this year, he’s carrying himself a little differently. Last year, lebron james shoes was all over the floor. He would out-work and out-hustle everyone on the count. So far this season, lebron james vii played like hustling is un-cool. It’s not totally noticeable, but I have a knack for identifying when lebron james viii players are dogging it (probably because I’ve played with several). This lebron 8 v2 bothers me. Hustling and outworking everyone else IS cool. nike lebron shoes is the best jersey on the floor night in and night out, not nike zoom hyperfuse imposing his will and talent on every possession is a waste.http://www.lebronjamesmarket.com/

    Reply

  141. I’m glad I found this web site, I couldn’t find any knowledge on this matter prior to. Also operate a site and if you are ever interested in doing some visitor writing for me if possible feel free to let me know, im always look for people to check out my web site. http://www.onepearls.com/ring-jewelry/c16/index.html

    Reply

Leave a reply

Your email address will not be published. Required fields are marked *