Event Delegation with MooTools, Dojo, and jQuery
I’ve covered the ins and outs of event delegation within JavaScript a few weeks ago but most developers utilize JavaScript frameworks so I thought I’d take a few moments to show you how to implement...
View ArticleClik here to view.
jQuery Chosen Plugin
Without a doubt, my least favorite form element is the SELECT element. The element is almost unstylable, looks different across platforms, has had inconsistent value access, and disaster that is the...
View ArticleClik here to view.
Face Detection with jQuery
I’ve always been intrigued by recognition software because I cannot imagine the logic that goes into all of the algorithms. Whether it’s voice, face, or other types of detection, people look and sound...
View ArticleFunction Debouncing with Underscore.js
The ability to listen and react to user interactions with JavaScript is fundamental and incredibly useful. Some interactions happen frequently and some rarely. Some listener functions are light of...
View ArticleIFRAME Permission Denied Solution
I was recently rolling my own AJAX upload script, posting a form to a hidden IFRAME and using the load event to know when the upload was complete. When the upload completed, I wanted to access the...
View ArticleCreate and Retrieve Nested Objects with jQuery
The ability to create and retrieve nested objects by objectified string path is incredibly useful. Not only do you not need to do the manual string of object/property checks to avoid “{x} is not...
View ArticleGet the jQuery Version
Many JavaScript frameworks provide a version property on their main object, providing a quick bit of important information about the framework. The main jQuery object doesn’t provide this property,...
View ArticleClik here to view.
Build a Street Fighter Demo with CSS Animations and JavaScript
I recently learned a cool technique from Simurai about how to animate PNG sprites with the CSS3 animations’ steps() property. The main idea in this technique is to “recreate” some kind of animated GIF...
View ArticleClik here to view.
Create a Brilliant Sprited, CSS-Powered Firefox Animation
Mozilla recently formally announced Firefox OS and its partners at Mobile World Congress and I couldn’t be more excited. Firefox OS is going to change the lives of people in developing countries,...
View ArticleClik here to view.
jQuery Wookmark
The first thing that hits you when you visit Pinterest is “Whoa, the columns are the same width and the photos are cut to fit just the way they should.” Basic web users probably think nothing of it...
View ArticleClik here to view.
5 Best Practice Mentalities to Get Over
Read the full article at: 5 Best Practice Mentalities to Get Over Every developers strives to write clean, maintainable, and functional code, whether they hack on the server side or dabble on the...
View ArticleClik here to view.
Loading Scripts with jQuery
Read the full article at: Loading Scripts with jQuery JavaScript loaders are incredibly powerful and useful utilities. I’ve even covered a few of them on this blog, like curljs and LABjs, and have...
View ArticleClik here to view.
DO NOT TRIGGER REAL EVENT NAMES WITH JQUERY!
Read the full article at: DO NOT TRIGGER REAL EVENT NAMES WITH JQUERY! Sometimes JavaScript toolkits give us so much functionality that we can get hung by it if we’re not careful. The more...
View ArticleClik here to view.
jQuery: Multiple AJAX and JSON Requests, One Callback
Read the full article at: jQuery: Multiple AJAX and JSON Requests, One Callback I’ve been working on a new feature for the Mozilla Developer Network which requires loading of a basic script file as...
View ArticleClik here to view.
CSS vs. JS Animation: Which is Faster?
Read the full article at: 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...
View ArticleClik here to view.
Unwrapping JSON-P
This is a quickie simple post on JavaScript techniques. We’re going to look at how to unwrap the “P” function-call padding from a JSON-P string to get the JSON from it. Note: Obviously, the recent push...
View ArticleClik here to view.
iOS Mobile Safari Hover Menu Fix
One component I’m quite proud of creating is the Mozilla Developer Network’s dropdown menu component. It’s elegant, flexible, accessible via keyboard, and relatively compact (though it does require...
View ArticleClik here to view.
Elegant Selects with Quick[select]
Form elements have always allowed limited styling…which is why I hate working on form display. And I started when form elements were virtually unstylable back in the Internet Explorer 4 days. Of...
View ArticleClik here to view.
Inspect jQuery Element Events
Building on top of other tools can be incredibly difficult, especially when you didn’t create the other tool and you can’t replace that tool. And when those other tools create loads of event...
View ArticleClik here to view.
Update jQuery UI Widget Options
We’re all used to passing options when instantiating an object, whether it be JavaScript or any other language. Whether or not you can update those options later is usually up to the framework, and...
View Article