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!
While synchronous code is easier to follow and debug, async is generally better for performance and flexibility. Why "hold up the show" when you can trigger numerous requests at once and then handle them when each is ready? Promises are becoming a big part of the JavaScript world...
Your early CSS books were instrumental in pushing my love for front end technologies. What was it about CSS that you fell in love with and drove you to write about it? At first blush, it was the simplicity of it as compared to the table-and-spacer...
A big part of the sexiness that is Apple software is Apple's use of opacity. Like seemingly every other Apple user interface technique, it needs to be ported to the web (</fanboy>). I've put together an example of a sexy opacity animation technique...
With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements. CSS gradients are another step in that direction. Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...
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!!