Tutorials Page 178
![Sexy Opacity Animation with MooTools or jQuery]()
Sexy Opacity Animation with MooTools or jQuery
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...
![MooTools, Mario, and Portal]()
MooTools, Mario, and Portal
I'm a big fan of video games. I don't get much time to play them but I'll put down the MacBook Pro long enough to get a few games in. One of my favorites is Portal. For those who don't know, what's...
![Introducing MooTools LazyLoad]()
Introducing MooTools LazyLoad
Once concept I'm very fond of is lazy loading. Lazy loading defers the loading of resources (usually images) until they are needed. Why load stuff you never need if you can prevent it, right? I've created LazyLoad, a customizable MooTools plugin that...
![Sexy Album Art with MooTools or jQuery]()
Sexy Album Art with MooTools or jQuery
The way that album information displays is usually insanely boring. Music is supposed to be fun and moving, right? Luckily MooTools and jQuery allow us to communicate that creativity on the web. The XHTML A few structure DIVs and the album information. The CSS The CSS...
![Implementing .css() and .attr() in MooTools 1.2.3]()
Implementing .css() and .attr() in MooTools 1.2.3
Very rarely does a developer have the ability to work with just one framework. Often a developer needs to float between MooTools and jQuery. As you can imagine, doing so can make a developer loopy due to the syntax difference. One of the...
![jQuery Comment Preview]()
jQuery Comment Preview
I released a MooTools comment preview script yesterday and got numerous requests for a jQuery version. Ask and you shall receive! I'll use the exact same CSS and HTML as yesterday. The XHTML The CSS The jQuery JavaScript On the keypress and blur events, we validate and...
![Comment Preview Using MooTools]()
Comment Preview Using MooTools
Comment previewing is an awesome addition to any blog. I've seen really simple comment previewing and some really complex comment previewing. The following is a tutorial on creating very basic comment previewing using MooTools. The XHTML You can set up your XHTML any way you'd like.
![Test Twitter Friendships with PHP]()
Test Twitter Friendships with PHP
Another awesome functionality provided by Twitter is the ability to test friendships between two people. I mean testing if two people follow each other, not if one spams the world with crap tweets. Just as with every other Twitter API call, executing this test...
![jQuery Link Nudge Plugin]()
jQuery Link Nudge Plugin
A while back I debuted a tasteful mouseover/mouseout technique called link nudging. It started with a MooTools version and shortly thereafter a jQuery version. Just recently Drew Douglass premiered a jQuery plugin that aimed at producing the same type of effect.
![Implement MooTools’ Elements.addEvent in jQuery]()
Implement MooTools’ Elements.addEvent in jQuery
One thing that I've always disliked about the jQuery JavaScript framework is its syntax for adding event listeners to elements. The way to add a click event to an element using jQuery is: I love OOP so the above code tells me that a click is...









