The Most Important thing 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 the 15 Sample Websites below which use JavaScript animations effectively

1. YouLoveUs

Javascript Animation Effectively

2. Volll

Javascript Animation Effectively

3. Melissahie

Javascript Animation Effectively

4. SourceBits

Javascript Animation Effectively

5. ilFruttet

Javascript Animation Effectively

6. Danny Blackman

Javascript Animation Effectively

7. tatTAPtap

Javascript Animation Effectively

8. Coda ( Classic )

Javascript Animation Effectively

9. Lucuma

Javascript Animation Effectively

10. Komodo Media [ Don’t Forget to Check the Foilage Meter ]

Javascript Animation Effectively

11. Viva Video

Javascript Animation Effectively

12. IJsfontein

Javascript Animation Effectively

13. Good Works Media

Javascript Animation Effectively

14. Viget Labs

Javascript Animation Effectively

15. Css Brigit

Javascript Animation Effectively

Tutorials + Scripts [ So you can Try this effects in your next Project ]

Dzineblog Rss Feed

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+

70 Comments

  1. Just before I comment you do have a typo on the very first line, it says “The Most Important think” should read *thing*

    That aside while javascript can be use you need to maintain a site that degrades gracefully. My tendency is to stay away from flash/javascript or any other flavour, if it can be avoid. Rather sticking with xhtml/css you still have virtually limitless possibilities, and are more SEO friendly.

  2. I should note the above does refer to styling menus only. javascript/flash can still be used thoroughout a site.

  3. Nice Collections da bujju… It’ll really help me…..

  4. Not sure if you can add our site to your list. We use ExtJS on our site to provide a richer experience to our potential customer.

    http://www.gamesportal.com.au

    Let me know what you think.

  5. I like these as concepts but they should really load the rest of the page as you click rather than be a single page that is 2-3mb in size

  6. Nice collection. I really like those JavaScript sliders and scrollers.

  7. I love the slider used on Panic’s site, I have used the same effect on a site I am working on at the moment, There is a great jQuery plugin available for this, you can check out the plugin here:
    http://www.ndoherty.com/blog/

  8. Here another one
    http://www.imageflow.nl
    Slideshow with picasa, youtube and dailymotion video’s

  9. […] Enlace: Getting creative with Javascript (sliders) […]

  10. wow. thanks for the list

  11. I would add to this list my website.

    http://www.brilliancy.eu

  12. This is an awsome list.

    Apart from the pedantic first poster @printing capalaba who can’t seem to tkae his own advice

    “That aside while javascript can be use you need to maintain a site that degrades gracefully.”

  13. Nice. I think my favorite JS technique is Blendimages. It adds a nice change to a site without being too ‘heavy’ and obtrusive.

  14. The first site (YouLoveUs) doesn’t work in IE6 like it does in FF. %25 of the population can’t see the site correctly? That is not good web design.

    The second site (volll) is a single page site with a large load time.

    I didn’t look at the rest. They may be good examples for the future, but have big problems for users currently.

  15. […] We can see a lot of sliders and scrollers are integrated into modern website design. Here are example of 15 websites with sliders and scrollers for you to look at. View the collection. […]

  16. […] not all, but still I really dig YouLove.us and Volll, but the others seem promising as […]

  17. […] – fashion firm makes cheeky SFW porn ad // Current Google’s End Run Around the Wireless Carriers Getting Creative With Javascript: 15 Websites With Cool Slider and Scrollers IStockPhoto revenues up – US Mega-Churches one of their biggest […]

  18. […] sitesi, burada 15 yarat?c? javascript sitesini sergilemi?. Listede de?i?ik stillerde birçok site […]

  19. TO Matt:

    It depends on your targeted audience , if my site is going to be about tech then i wont care about the 22% who still working on IE 6 , who doesn’t have any idea about whats going on over the internet

  20. Really creative designs You picked! Love jquery 🙂

  21. good collections… like to see more like this.

  22. […] Getting Creative With Javascript: 15 Websites With Cool Slider and Scrollers : The Most Important thing 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 […]

  23. […] superbes exemples de l’usage du Javasript Getting Creative With Javascript: 15 Websites With Cool Slider and Scrollers – […]

  24. great list. Got’ love jquery

  25. […] 15 websites with a nice use of jScript as slider – Nette inspiration zur verwendung von JavaScript slider […]

  26. These are great. Thanks for gathering this information and posting.

  27. […] Diseño Web Creativo con Javascript. […]

  28. […] Getting Creative with JavaScript: 15 Websites with Cool Sliders and Scrollers – DzineBlog […]

  29. […] : Getting Creative With Javascript: 15 Websites With Cool Slider and Scrollers. […]

  30. […] page website using JavaScript for navigate website. Here I found similar kind of article from dzineblog, have a look at the 15 Sample Websites below which use JavaScript animations […]

  31. Another one: http://preetasamarasan.com
    Uses mootools as many of these sites do, not jQuery.

    Agreed, it’s important to keep usability in mind, so you have to know your audience and their needs. These can be impressive on a portfolio-type site, but you wouldn’t want time-consuming special effects on a site where users are constantly navigating (it’d definitely get old…).

  32. Yet again, great collection!!!!!

  33. Beautiful sites. I like javascript.

  34. […] Getting Creative with JavaScript: 15 Websites with Cool Sliders and Scrollers – DzineBlog […]

  35. Not bad, with the exception of melissahie.com. The one-way navigation is pretty annoying…

  36. Loved the trip!. I am going to translate it in order to let my readers and classmates enjoy the post. Yugu, you ROCK!.

  37. Hi the collection is handy just one thing my anti-virus brings up a threat for the http://www.volll.com/ thanks keep up the gud wrk…..peace

  38. awesome collection, however dont search engines struggle to crawl javascript based sites?

  39. […] önce flash ile yap?lan birkaç sitede görmü?tüm, geçenlerde dzineblog.com’da gördü?üm ve javascriptin bütün nimetlerinden faydalanarak tek sayfa tasarlanan ancak […]

  40. […] Getting Creative With Javascript: 15 Websites With Cool Slider and Scrollers (46) […]

  41. […] alanlar?na yönlendirebilecek Javascript “slider”lar ve “scroller”lar..Burada, görsellik anlam?nda çok ??k ve ilgi çekici kodlamalar? görebilirsiniz.Emin olun bu […]

  42. […] alanlar?na yönlendirebilecek Javascript “slider”lar ve “scroller”lar..Burada, görsellik anlam?nda çok ??k ve ilgi çekici kodlamalar? görebilirsiniz.Emin olun bu […]

  43. […] alanlar?na yönlendirebilecek Javascript “slider”lar ve “scroller”lar.. Burada, görsellik anlam?nda çok ??k ve ilgi çekici kodlamalar? görebilirsiniz. Emin olun bu […]

  44. […] alanlar?na yönlendirebilecek Javascript “slider”lar ve “scroller”lar.. Burada, görsellik anlam?nda çok ??k ve ilgi çekici kodlamalar? görebilirsiniz. Emin olun bu […]

  45. Thank you very much.

  46. This is too Good Website i relay thanks dzineblog

  47. […] O DzineBlog publicou uma coletâna de bons sites com navegações deslizantes ou por rolagem. Vale para boas referências de navegação e usabilidade. http://dzineblog.com/2008/09/getting-creative-with-javascript.html#more-260 […]

  48. […] Getting Creative With Javascript: 15 Websites With Cool Slider and Scrollers […]

  49. […] Getting Creative With Javascript: 15 Websites With Cool Slider and Scrollers […]

  50. […] Getting Creative With Javascript: 15 Websites With Cool Slider and Scrollers […]

  51. Great collection, Very useful

  52. this, very thank you..

    Your site full professional and very beautiful…

  53. Geniales..! sitios para inspiración

  54. Very nice websites, some keep it really simple and are just great. Always hungry for more great content like this, great food for though to see all that can be done with a bit of creativity

  55. I really like the DANNY BLACKMAN. The color theme of this design is very good.

  56. Great list of useful resources. You have to be more creative in terms of used it

  57. Good work there. your blog rss feed.

  58. iPhone Apps are really getting engaged in market and many developers are focusing to developed quality iPhone Apps.

  59. Great list of useful resources. You have to be more creative in terms of used it

  60. really good blog
    iam also agree with you

  61. I always enjoy reading quality articles by an individual who is obviously up to snuff on their chosen subject. I’ll be following this thread with much interest. Keep up the great work, I will be back

Comments are closed.