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!
![Convert XML to JSON with JavaScript]()
If you follow me on Twitter, you know that I've been working on a super top secret mobile application using Appcelerator Titanium. The experience has been great: using JavaScript to create easy to write, easy to test, native mobile apps has been fun. My...
![CSS Animations Between Media Queries]()
CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...
![MooTools History Plugin]()
One of the reasons I love AJAX technology so much is because it allows us to avoid unnecessary page loads. Why download the header, footer, and other static data multiple times if that specific data never changes? It's a waste of time, processing, and bandwidth. Unfortunately...
![Hot Effect: MooTools Drag Opacity]()
As you should already know, the best visual features of a website are usually held within the most subtle of details. One simple trick that usually makes a big different is the use of opacity and fading. Another awesome MooTools functionality is...
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!!