Any Tutorials for Javascript "Animation?"

ppc_michael · Jun 20, 2007, 01:06 AM

Are there any good tutorials you can recommend for Javascript animation? I don't mean annoying flying things, just like those sidebar things at Apple, with the hiding and showing DIVs and all that.

I tried Googling but I can't really find tutorials appropriate for that kind of thing.

tschoftner · Jun 20, 2007, 01:18 AM

Quote:

Originally Posted by ppc_michael

Are there any good tutorials you can recommend for Javascript animation? I don't mean annoying flying things, just like those sidebar things at Apple, with the hiding and showing DIVs and all that.

I tried Googling but I can't really find tutorials appropriate for that kind of thing.

Hi there!
You could try the following site:
http://www.dynamicdrive.com

Have done on several occasions. Have used some of the code fraquments offered there. Comes with explanations, too?
Have a try!
Best wishes from Austria,
Thomas

tominated · Jun 20, 2007, 02:23 AM

don't use dynamicdrive. their scripts are quite obtrusive. Try script.aculo.us. It is very easy to animate your website. Visit this tutorial as a start up.

ppc_michael · Jun 20, 2007, 02:40 AM

Quote:

Originally Posted by tominated

don't use dynamicdrive. their scripts are quite obtrusive. Try script.aculo.us. It is very easy to animate your website. Visit this tutorial as a start up.

Thanks!! This is exactly what I'm looking for.

tominated · Jun 20, 2007, 04:26 AM

no problem! just happy to help.

dandiggs · Jun 21, 2007, 02:14 PM

I was interested in this too, as I'm looking to redesign a website I've been "managing" for a few years now. I had been doing some research into Modal Windows, and the many variants of Lightbox which uses the script.aculo.us library. A lot of projects that Lightbox spawned usually added different functionality as well as different JavaScript libraries such as MooTools or JQuery. The thing that kept being mentioned was that script.aculo.us is too bloated and that the other libraries were much slimmer, offering some of the same functionality. For my needs (loading an html page with a flash file within a modal window), I went with ThickBox which uses JQuery.

Anyhow, I guess what I'm getting to here is, I'd like to incorporate some more of these type of user interface features into some of my web projects, but I'd like to stick to one JavaScript library so that I can learn it and get comfortable with it. Does anyone have any opinions as to which is the best all around library to work with, i.e. most users, least bloated, most features, etc? I don't mind using JQuery for my current modal window need and another library for the rest of the site...

PS I'm a JavaScript newbie, so forgive me if I sound ignorant...!

epochblue · Jun 21, 2007, 04:09 PM

If you like jQuery's sytax, and it meets your needs, there's no reason you need to try out others. jQuery has a very active community and there are many people writing very nice plug-ins for it.

Personally, I LOVE how succinct jQuery's syntax is, so I'd recommend sticking with it. If you're looking for some fancy interface effects to go with your jQuery, you could always consider using the Interface jQuery Plug-in, which should give you plenty of eye candy with which to overwhelm your users

dandiggs · Jun 27, 2007, 10:59 AM

Thanks for the reply, eb. I think you are exactly right - after a bit of research, I find JQuery to be the best overall solution. Thanks again.

yagran · Jul 1, 2007, 06:16 PM

i know youve solved you problem but a real simple solution fow others looking into this is

http://jstween.blogspot.com/#Tween

Jun 20, 2007, 01:06 AM	#1
ppc_michael macrumors 65816 Join Date: Apr 2005 Location: Los Angeles, CA	Any Tutorials for Javascript "Animation?" Are there any good tutorials you can recommend for Javascript animation? I don't mean annoying flying things, just like those sidebar things at Apple, with the hiding and showing DIVs and all that. I tried Googling but I can't really find tutorials appropriate for that kind of thing. __________________ -PPC_Michael Apple is just a company. Think for yourselves.
	0

Jun 20, 2007, 02:23 AM	#3
tominated macrumors 68000 Join Date: Jul 2006 Location: Queensland, Australia	don't use dynamicdrive. their scripts are quite obtrusive. Try script.aculo.us. It is very easy to animate your website. Visit this tutorial as a start up. __________________ 20" iMac Core Duo 13" 2.26Ghz MBP Upgraded to 4GB RAM & 500GB HDD
	0

Jun 20, 2007, 04:26 AM	#5
tominated macrumors 68000 Join Date: Jul 2006 Location: Queensland, Australia	no problem! just happy to help. __________________ 20" iMac Core Duo 13" 2.26Ghz MBP Upgraded to 4GB RAM & 500GB HDD
	0

Jun 21, 2007, 04:09 PM	#7
epochblue macrumors 68000 Join Date: Aug 2005 Location: Nashville, TN	If you like jQuery's sytax, and it meets your needs, there's no reason you need to try out others. jQuery has a very active community and there are many people writing very nice plug-ins for it. Personally, I LOVE how succinct jQuery's syntax is, so I'd recommend sticking with it. If you're looking for some fancy interface effects to go with your jQuery, you could always consider using the Interface jQuery Plug-in, which should give you plenty of eye candy with which to overwhelm your users __________________ -- epochblue rolls with a 20" Rev. D Intel iMac, a 15" Rev. C PowerBook, an 80GB iPod classic, 2G shuffle, and a 4GB iPhone.
	0

Jul 1, 2007, 06:16 PM	#9
yagran macrumors 6502a Join Date: Jan 2007 Location: Brighton, East Sussex, UK	i know youve solved you problem but a real simple solution fow others looking into this is http://jstween.blogspot.com/#Tween __________________ Macbook Air 11.6" - iPhone 4S - iPad 2 - Apple TV 2
	0

Jun 21, 2007, 02:14 PM	#6
dandiggs macrumors newbie Join Date: Jul 2006	I was interested in this too, as I'm looking to redesign a website I've been "managing" for a few years now. I had been doing some research into Modal Windows, and the many variants of Lightbox which uses the script.aculo.us library. A lot of projects that Lightbox spawned usually added different functionality as well as different JavaScript libraries such as MooTools or JQuery. The thing that kept being mentioned was that script.aculo.us is too bloated and that the other libraries were much slimmer, offering some of the same functionality. For my needs (loading an html page with a flash file within a modal window), I went with ThickBox which uses JQuery. Anyhow, I guess what I'm getting to here is, I'd like to incorporate some more of these type of user interface features into some of my web projects, but I'd like to stick to one JavaScript library so that I can learn it and get comfortable with it. Does anyone have any opinions as to which is the best all around library to work with, i.e. most users, least bloated, most features, etc? I don't mind using JQuery for my current modal window need and another library for the rest of the site... PS I'm a JavaScript newbie, so forgive me if I sound ignorant...!
	0

Jun 27, 2007, 10:59 AM	#8
dandiggs macrumors newbie Join Date: Jul 2006	Thanks for the reply, eb. I think you are exactly right - after a bit of research, I find JQuery to be the best overall solution. Thanks again.
	0


MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
thread	Thread Starter	Forum	Replies	Last Post
Begginer GUI Tutorial For C	Halfmaster1	Mac Programming	5	Aug 25, 2011 03:47 PM
SOS!!! Any good video tutorials for Learning objective-C ??	NSG10	Mac Programming	9	Aug 29, 2010 12:48 AM
Any tutorials out there for Python/Cocoa in xcode 3 yet?	Monkaaay	Mac Programming	9	Mar 26, 2009 08:52 PM
Are there any tutorials for graphic converter?	PHARAOHk	Mac Applications and Mac App Store	3	Dec 17, 2003 12:46 AM