Tags: jquery

JS Parse and Execution Time - TimKadlec.com

Tim’s been running the numbers on how long it takes various browsers on various devices to parse JavaScript—in this case, jQuery. The time varies enormously depending on the device hardware.

Learn JavaScript & jQuery - a book about interactive front-end web development

This looks like it could be a great book for anyone looking to get starting with JavaScript.

You Might Not Need jQuery

A handy resource if you’re used to using jQuery for everything but you want to try going JavaScript commando.

Don’t get me wrong: jQuery is great, but for a lot of projects, you might not need 90% of the functionality it provides. So try starting with vanilla JS and only pulling in jQuery if and when you need it.

A Dive Into Plain JavaScript

A nice introduction to writing vanilla JavaScript, especially if you’re used to using jQuery.

I know jQuery. Now what?

A terrific piece by Remy—based on a talk he gave—on when he uses jQuery and, more importantly, when he doesn’t. His experiences and conclusions pretty much mirror my own, but of course Remy is far more thoughtful and smart than I.

Really good stuff.

Implementing off-canvas navigation for a responsive website by David Bushell

This off-canvas demo is a great practical example of progressive enhancement from David. It’s also a lesson in why over-reliance on jQuery can sometimes be problematic.

Trimming the Fat — Paul Robert Lloyd

A great in-depth description by Paul of how he optimised his site. More of this please!

digitalBush » Masked Input Plugin

This looks like a handy way of enhancing forms to have input masks (Luke W. would approve). Right now it’s a jQuery plug-in but I’m sure someone as smart as you would be able to create a standalone version, right?

Responsive Measure: A jQuery plugin for responsive typography

Here’s something that Josh debuted at Smashing Conference: a script for responsive designs to adjust font-sizes based on a desired line-length.

Inevitably, it’s a jQuery plugin but I’m sure somebody could fork it to create a standalone version (hint, hint).

Kicksend/mailcheck · GitHub

A handy little script that attempts to check email inputs for misspelled domain names. I’m pretty sure it doesn’t need to be written as a jQuery pug-in, though: anyone want to fork it and create a non-jQuery version too?

Vanilla JavaScript FTW

I’ve found myself using jQuery less and less recently. Partly to avoid the extra download and file size but also—as shown here—when it comes to DOM manipulation, there’s a lot you can do straight out of the box.

Typography Effects with CSS3 and jQuery

Most of these are pretty over the top but they’re good proofs of concept.

Redesigning the Country Selector - Baymard Institute

This looks like a nice progressive enhancement pattern: convert a select element into an auto-completing input element (a country selector in this case).

FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

A jQuery plugin for embedding videos in responsive layouts. Very nice …but… does it really need to require jQuery? Would somebody like to fork this and create a non-jQuery version? Thanks.

FlexSlider - The Best Responsive jQuery Slider

This is something we’ve previously had to build from scratch at Clearleft so it’s nice to see an off-the-shelf solution.

mySociety » Blog Archive » Mobile operators altering (and breaking) web content

In an attempt to “optimise” performance, T-Mobile and Orange are actually breaking jQuery.

Beautiful Element Creation with jQuery — Article — The Nerdary

Good advice for generating markup with jQuery. As usual, there’s more than one way to do it.

accessifyhtml5.js at master from yatil’s accessifyhtml5.js - GitHub

A great little jQuery script to automatically assign ARIA roles to HTML5 elements with the corresponding semantics.

jQuery Fundamentals

A free-as-in-beer book on jQuery from Rebecca Murphey, released under a Creative Commons Attribution Share-Alike license.

Bulletproof HTML5 <details> fallback using jQuery · Mathias Bynens

A good example of the correct way to approach new interactive elements in HTML5 (the details element in this case): test for native support and then emulate with JavaScript if required.

Demo jPlayer 1.1.0 : jQuery audio player plugin

A nice-looking jQuery plugin for HTML5's audio element, with fallback to a Flash player. I might just end up using this on Huffduffer.

jQuery 1.4 iPhone reference app - O! Mr Speaker!

A great portable jQuery reference. No app store required — this uses offline storage.

Adding “1UP notification” with jQuery - O! Mr Speaker!

A jQuery plug-in inspired by the interaction feedback on Huffduffer, which was in turn inspired by retro games.

jQuery Enlightenment | by Cody Lindley | 1st Edition | based on jQuery 1.3.2

A $15 PDF book on jQuery from Cody Lindley.

arc90 lab : experiments : HashMask - Another (More Secure!) Experiment in Password Masking

Here's an interesting idea: generating a sparkline when you input a password ...familiarity with the generated sparkline acts as a visual aid to the user.

jQuery vs MooTools: Choosing Between Two Great JavaScript Frameworks

A detailed comparison of jQuery and MooTools.

IE6 Update

This is kinda sneaky but quite clever. Subtly encourage IE6 users to upgrade.

as days pass by, by Stuart Langridge — A WAI-ARIA “stylesheet”

Stuart has an interesting take on ARAI attributes. Why can't they be set declaratively in an external file in the same way as we set styles?

Populating forms with YQL, jQuery and Microformats

Demo for a neat piece of code that will auto-populate form fields from an hCard-carrying URL.

polaroiderizer - a slideshow from your flickr tags

A great little Flickr slideshow from Phil Hawksworth.

Play School: Easy Ajax - load | jQuery for Designers - Tutorials and screencasts

Remy teaches non-techies how to use jQuery in a responsible way.

Unobtrusify.com - Unobtrusive Javascript for Progressive Enhancement

A simple and powerful message, beautifully delivered (itself an example of unobtrusive JavaScript). Bravo, Phil Hawksworth!

jQuery.timepickr.js

John Resig offers an alternative user interface for selecting a time.

Tetris with jQuery

A decent version of Tetris written using jQuery.

AJAX Libraries API - Google Code

Google is now hosting all the major JavaScript libraries. The caching benefits should be good news for your users.

Unobtrusive JavaScript with jQuery

Simon's slides and demos from his half-day workshop at XTech.

The Highly Extensible CSS Interface

Cameron has put all the materials from his four-part series together in one handy spot.

John Resig - Classy Query

You have to be really, really geeky to find this funny. I find this funny.

jQuery 1.2 Cheat Sheet :: www.gscottolson.com/weblog/

A handy cheat sheet of jQuery methods to print out and keep on hand.

Humanized Messages for jQuery at Binary Bonsai

A nice little extension to jQuery from Michael Heilemann for displaying unobtrusive feedback messages.

Microformats Bookmarklet › Left Logic

Have I told you lately how much I love this microformats bookmarklet? Yes? Well, I'm telling you again.

jQuery UI: Widgets, Components, and Interactions

From the people who brought you jQuery comes a set of widgets built using jQuery complete with documentation and tutorials.

Medallia Blog: jQuery Reference Widget Archives

Use jQuery? Use a mac? Here's a handy dashboard reference.

rikrikrik: Wasted Javascript

How much page weight is being wasted on JavaScript. It's time to shed those pounds.