(11 votes, average: 4.91 out of 5)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
2. Volll
3. Melissahie
4. SourceBits
5. ilFruttet
7. tatTAPtap
8. Coda ( Classic )
9. Lucuma
10. Komodo Media [ Don't Forget to Check the Foilage Meter ]
11. Viva Video
12. IJsfontein
13. Good Works Media
14. Viget Labs
15. Css Brigit
Tutorials + Scripts [ So you can Try this effects in your next Project ]
- JQuery TabContainer Theme with Tab Transition Animations
- Developing an accessible slider
- Panic Code Site kinda Coda-Slide [ Download ]
- Dynamic Drive:Featured Content Glider
- Facebook Sliders With Mootools and CSS - Now With Image Generation!
- Beauty in Design - Increasing User Experience With Javascript
- Local Scroll ” Amazing jQuery Plugin ”
- Ajaxian - Mootools Accordian Tutorial ( like GoodMediaWorks) [ DOWNLOAD SCRIPT ]
- Coda Slider Effect jQuery for Designers and Developers
- jQuery: Animation for Dummies
- Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous
- 30+ Javascript/Ajax Techniques for Sliders, Scrollers and Scrollbars
Popularity: 24% [?]
September 25th, 2008 at 3:19 am
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.
September 25th, 2008 at 3:20 am
I should note the above does refer to styling menus only. javascript/flash can still be used thoroughout a site.
September 25th, 2008 at 5:36 am
Nice Collections da bujju… It’ll really help me…..
September 25th, 2008 at 5:51 am
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.
September 25th, 2008 at 9:40 am
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
September 25th, 2008 at 9:51 am
Nice collection. I really like those JavaScript sliders and scrollers.
September 25th, 2008 at 10:57 am
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/
September 25th, 2008 at 12:10 pm
Here another one
http://www.imageflow.nl
Slideshow with picasa, youtube and dailymotion video’s
September 25th, 2008 at 2:24 pm
wow. thanks for the list
September 25th, 2008 at 2:33 pm
I would add to this list my website.
http://www.brilliancy.eu
September 25th, 2008 at 2:36 pm
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.”
September 25th, 2008 at 3:54 pm
Nice. I think my favorite JS technique is Blendimages. It adds a nice change to a site without being too ‘heavy’ and obtrusive.
September 25th, 2008 at 9:11 pm
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.
September 26th, 2008 at 12:46 pm
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
September 26th, 2008 at 10:25 pm
Really creative designs You picked! Love jquery
September 27th, 2008 at 11:36 am
good collections… like to see more like this.
September 28th, 2008 at 4:53 pm
great list. Got’ love jquery
September 28th, 2008 at 5:39 pm
another one : http://www.tcommeterre.com/portfolio.html
September 28th, 2008 at 9:41 pm
These are great. Thanks for gathering this information and posting.
September 30th, 2008 at 3:31 pm
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…).
October 1st, 2008 at 3:38 am
Yet again, great collection!!!!!
October 1st, 2008 at 9:12 am
Beautiful sites. I like javascript.
October 9th, 2008 at 8:32 pm
Not bad, with the exception of melissahie.com. The one-way navigation is pretty annoying…
October 11th, 2008 at 4:31 pm
Loved the trip!. I am going to translate it in order to let my readers and classmates enjoy the post. Yugu, you ROCK!.
October 20th, 2008 at 2:57 pm
wrwerwr
October 28th, 2008 at 10:02 am
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
December 3rd, 2008 at 8:46 am
Nice list. Please add this
http://maxdistro.com/services.html
Thanks
Farhan parpia