SXSW: Secrets of JavaScript Libraries
I've not had the pleasure to go to South by South West but I've heard it's a great time for those in the tech industry. A few of the more popular names in the JavaScript community, representing prominent JavaScript libraries (Dojo, jQuery, and Prototype/script.aculo.us), recently presented at SXSW. The topic, of course, was JavaScript and centered around the secrets of JavaScript used in each library.
John was kind enough to post the presentation slides on his website and I've embedded them in my blog for you. John mentioned providing audio in the future, so bookmark his post and visit his blog in a few days.
![LightFace: Facebook Lightbox for MooTools]()
One of the web components I've always loved has been Facebook's modal dialog. This "lightbox" isn't like others: no dark overlay, no obnoxious animating to size, and it doesn't try to do "too much." With Facebook's dialog in mind, I've created LightFace: a Facebook lightbox...
![CSS vs. JS Animation: Which is Faster?]()
How is it possible that JavaScript-based animation has secretly always been as fast — or faster — than CSS transitions? And, how is it possible that Adobe and Google consistently release media-rich mobile sites that rival the performance of native apps?
This article serves as a point-by-point...
![Duplicate the jQuery Homepage Tooltips Using MooTools]()
The jQuery homepage has a pretty suave tooltip-like effect as seen below:
Here's how to accomplish this same effect using MooTools.
The XHTML
The above XHTML was taken directly from the jQuery homepage -- no changes.
The CSS
The above CSS has been slightly modified to match the CSS rules already...
![Morphing Elements Using MooTools and CSS]()
Morphing an element between CSS classes is another great trick the MooTools JavaScript library enables you to do. Morphing isn't the most practical use of MooTools, but it's still a trick at your disposal.
Step 1: The XHTML
The block of content that will change is...