jQuery Tutorials
![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...
![David Walsh on NetTuts: Create a Twitter-Like “Load More” Widget]()
David Walsh on NetTuts: Create a Twitter-Like “Load More” Widget
My latest article post for NetTuts has been published. From the intro: Both Twitter and the Apple App Store use a brilliant technique for loading more information; you click the link and fresh items magically appear on the screen. This tutorial teaches you to use AJAX...
![Shake Things Up Using jQuery UI’s Shake Effect]()
Shake Things Up Using jQuery UI’s Shake Effect
Yesterday I created a tutorial showing you how you can shake an element using Fx.Shake, a MooTools component written by Aaron Newton. It turns out that jQuery UI also has a shake effect which can draw attention to an element. The XHTML Exactly the same as...
![Adding Events to Adding Events in jQuery]()
Adding Events to Adding Events in jQuery
Earlier this week I posted a usability tip about using CSS and MooTools' custom event functionality to automatically add the "pointer" cursor when an element gets a "click" event attached to it. I received numerous requests for a jQuery version and I think I've...
-
![Font Replacement Using Cufón]()
Font Replacement Using Cufón
We all know about the big font replacement methods. sIFR's big. Image font replacement has gained some steam. Not too many people know about a great project named Cufón though. Cufón uses a unique blend of a proprietary font generator tool...
![WordPress-Style Comment Controls Using MooTools or jQuery]()
WordPress-Style Comment Controls Using MooTools or jQuery
WordPress has a nice little effect on the Admin Dashboard where it shows and hides the comment control links when you mouseover and mouseout of the record's container. Here's how to achieve that effect using MooTools or jQuery. The XHTML Notice that we place the links into...
![Use Custom Missing Image Graphics Using jQuery]()
Use Custom Missing Image Graphics Using jQuery
Yesterday I posted an article about how you can use your own "missing image" graphics when an image fails to load using MooTools. Here's how to do the same using jQuery. The jQuery JavaScript Note that I've provided two examples. If you want to get...
![Implement jQuery’s hover() Method in MooTools]()
Implement jQuery’s hover() Method in MooTools
jQuery offers a quick event shortcut method called hover that accepts two functions that represent mouseover and mouseout actions. Here's how to implement that for MooTools Elements. The MooTools JavaScript We implement hover() which accepts to functions; one will be called on mouseenter and the other...
![jQuery Code Documentation Favelet]()
jQuery Code Documentation Favelet
My jQuery knowledge isn't quite to the level of my MooTools so I rely quite a bit on the jQuery documentation. When I look at articles with jQuery code in them, I'll periodically see functions I hadn't seen before and want to learn...
