NetTuts: Sexy Animated Tabs Using MooTools
I've just released my third NetTuts post: http://net.tutsplus.com/tutorials/javascript-ajax/sexy-animated-tabs-using-mootools/ . From the post:
One modern, attractive way of placing a lot of content into a little space is by using a tab system. This tutorial will show you how to create a sexy, animated tab system complete with CSS sprites, cookies, and animated tab swapping.
Go over to NetTuts and check it out!
![Create Spinning Rays with CSS3: Revisited]()
![Serving Fonts from CDN]()
For maximum performance, we all know we must put our assets on CDN (another domain). Along with those assets are custom web fonts. Unfortunately custom web fonts via CDN (or any cross-domain font request) don't work in Firefox or Internet Explorer (correctly so, by spec) though...
![Get Slick with MooTools Kwicks]()
When I first saw MooTools graphical navigation, I was impressed. I thought it was a very simple yet creative way of using Flash. When I right-clicked and saw that it was JavaScript, I was floored. How could they achieve such...
![Create Twitter-Style Buttons with the Dojo Toolkit]()
I love that JavaScript toolkits make enhancing web pages incredibly easy. Today I'll cover an effect that I've already coded with MooTools: creating a Twitter-style animated "Sign In" button. Check out this five minute tutorial so you can take your static...
Great tutorial, I know you are a moo tools guru, but it would be a cool do a j-query version of this maybe… at somepoint (fingers crossed).
Nice one David, great tutorial. really great!
Hey David, sleek simple little effect :)
What I noticed though, is when I switch off javascript it does still work however it is really slow. From click to action about 4-5 sec.
I used Firefox 3.5.7 and switched javascript off in the browser itself, not the webdeveloper toolbar or something similar.
Greets
Hi David!
Could you help me with this script?
I need the possibility to “open/close” the tabs – and that all tabs are closed at the beginning when the Site loads…
Please!!! I really need help with this!!!
Thank you!!