An advanced jQuery plugin that wraps the Google Maps API's Geocoding and Places Autocomplete services. You simply provide an input that lets you search for locations with a nice autocomplete dropdown. Optionally add a container to show an interactive map and a form that will be populated with the address details.

Hey guys. I just wrapped up my talk on Tools for jQuery Application Architecture over at Web Directions in London and wanted to make sure everyone interested had access to the slides. Some of the topics I cover include:

MVC & MVVM architecture patterns for client-side development
JavaScriptMVC, Backbone, Spine, SproutCore, Sammy.js
Design patterns for JavaScript applications
Dependency management
JavaScript templating
Cross-browser persistent storage
Feature detection
Widgets & Component libraries
Unit Testing & testing environments
Build Processes, concatenation and minification.
and more!

Lots of people learn better by example, than by lecture. Here is a heavily commented piece of widget code that can get you headed in the right direction. Think of this post as the homework worksheet that goes with my post from yesterday about jQuery widgets.

jQuery Hotkeys is a plug-in that lets you easily add and remove handlers for keyboard events anywhere in your code supporting almost any key combination.

Chop Slider is the most awesome and kickassable animated jQuery image slider developed by the iDangero.us.

Whenever is a javascript library that provides a simple domain specific language on top of jQuery to specify your application's behavior using a syntax that reads like English.

Whenever helps you to organise your javascripts in a clean and tidy way, and keeps your implementation logic separate from your behavioral logic.

MultiSelect progessively enhances an ordinary multiple select control into elegant drop down list of checkboxes, stylable with ThemeRoller.

Schedule with slides from the 2011 jQuery Conference.

This document explains how to use the jQuery UI Widget Factory.

Wikipage of the jQuery UI Widget Factory.

The Any+Time™ JavaScript Library includes a highly-customizable, jQuery-compatible datepicker/ timepicker (calendar/ clock widget) and a powerful Date/String parse/format utility.

Maybe the ultimate Datepicker Library. To be tested…

A progressive enhancement to <select multiple> form elements. It provides a simpler alternative based on JavaScript (jQuery).

Another attempt of a sortable, searchable multiple select widget.

A standard HTML multiple Select menu allows the user to select multiple options using Command-Click. But when the list of options is long, requiring the user to scroll, it becomes cumbersome and prone to errors.

An effective solution is to use two select menus in tandem, with buttons allowing options to be swapped between the two.

Tandem Select implements this as a jQuery Plugin - simple to set up and easy to customize.

Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook.

In this post we’ll be looking at ways you can put together a toolkit for large-scale jQuery application development by identifying the options you have available at the moment for dependency management, MVC with jQuery, templating, testing, minification and more.

Generator for Bookmarklets that use jQuery.

A collection of cssHooks that work with jQuery 1.4.3+.

Article that demonstrates a simple “perfect” Javascript plugin pattern that allows for extendable, organized, destroyable, and deterministic widgets.

This is awesome => Wijmo Open Source jQuery UI widgets are now available on github #jqcon

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Snippet is a jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet provides a quick and easy way of highlighting source code passages in HTML documents.

Article that explains the widget infrastructure of jQuery UI.

Rails plugin to make ajax file uploads just work.

jquery.hotkeys plugin lets you easily add and remove handlers for keyboard events anywhere in your code supporting almost any key combination.

Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago") from ISO 8601 formatted dates and times embedded in your HTML (à la microformats).

A script to show superimpose the grid lines of a design onto a website during development.

jQuery-Plugin zu Animieren von Sprites. Moderne Alternative zu animierten GIFs ;-)

Schönes Plugin zum animierten Sortieren von Elementen in einem Grid.

Eine coole Technik um Hintergründe von Elementen per Image-Sprites interessant zu animieren.

jquery.event-playback is a simple yet extremely effective library for recording, and playing back recorded event sessions. These sessions play back nearly identical to the original interactions, displaying a fake cursor, simulating element hovering, and more.

Ein jQuery-Plugin, das einzelne Elemente hervorheben kann, indem es alles um diese herum ausgraut. Ein Beschreibungstext kann ergänzt werden. Erzeugt einen ähnlichen Effekt wie das entsprechende Plugin aus dem jQuery-Tools.

Underscore is a utility-belt library for Javascript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in Javascript objects. It's the tie to go along with jQuery's tux.

When called, our plugin converts a given pixel value to ems. By default, it uses the body's font size for scope, but a scope property (in the form of a jQuery selector) can be passed to handle conversions that are relative to that element's font size.

Eine Auflistung von jQuery-Plugins, die CSS3-Features simulieren können.

This Jquery plugin is an on-demand plugin loader, also known as a lazy loader. Instead of downloading all Jquery-plugins, you might or might not need, when the page loads. Lazy downloads the plugins when you actually use them.

Ein weiteres Font-Erkennungsskript auf Basis von jQuery. Scheint etwas umständlicher zu sein.

jQuery-Plugin, das trickreich überprüft, ob eine bestimmte Schrift auf dem Zielsystem vorhanden ist.

Eine Erweiterung für Firebug, die jQuery-Objekte in der Konsolenausgabe sinnvoller ausgibt.

Interessantes erweiterbares jQuery-Plugin zum Zeichnen von Graphen auf Basis des Canvas-Elements.

Sehr schönes Inline-Form-Validation-Plugin für jQuery.

Sehr schöne Lightbox-Alternative, im Apple-typischen Stil.

Cooles jQuery-Plugin für den vertikalen Floating-Effekt in Spalten, für den ich schon seit Ewigkeiten nach einer einfachen Lösung gesucht habe.

Ein jQuery-Plugin zum Erzeugen von pseudo-fixen Spalten, die intelligent auf das Resizen des Browser-Fenster reagieren.

Mausgesten per jQuery erzeugen und einbinden.

Ein jQuery-Plugin um Hotkeys/Shortcuts leichter zu realisieren.

Text-Effekte (News-Ticker/Typewriter, zufälliges Aufdecken...).

Ein Artikel, der aufzeigt, wie man mittels jQuery unobtrusive Javascript/Ajax-Calls einbinden kann.

jQuery-Plugin, das Wörter in einem String zählt.

Coole Lightbox-Variante, die auch auf GitHub verwendet wird. Natürlich geschrieben in jQuery.

Erklärt, wie man jQuery und Rails optimal verbinden kann, um maximale Flexibilität zu bekommen.

Schöne kurze Einführung in QUnit, das Javascript-Test-Framework von jQuery.

Erlaubt es Parallaxen-Effekte im Browser mit HTML, CSS und jQuery zu bauen.

Hier kann man abgucken wie man verhindert, dass Text im Browser selektierbar ist.

Ein cooles jQuery-Plugin, das Data Binding von Objekten an DOM ermöglicht. Eignet sich wunderbar für bequemes Templating.

Ein schönes jQuery-Script um eine Select-Liste dynamisch erweiterbar zu machen, indem man fehlende Einträge ergänzen kann. Gut zum Beispiel für Kategorien.

jQuery-Plugin, das Timestamps in für Menschen besser lesbare Aussagen umformatiert. Mittlerweile auch lokalisierbar.

Eine nette Sammlung von Links rund um jQuery.

Ein jQuery-Plugin, das die Javascript-Touch-Events des iPhones in jQuery integriert.

Eine Anleitung, wie man Fortschrittsbalken bauen kann. Besonders interessant die Hinweise zu jQuery und CSS.

Grundsätzliche Erläuterungen dazu, wie man sich ein eigenes Lightbox-artiges Overlay bauen kann.

Eine nette jQuery-basierte inline-Bilder-Slideshow.

Möglichkeiten, wie man mit jQuery kleine Charts in den Text integrieren kann.

Ein jQuery-Plugin, mit dem man sortierbare Tabellen erzeugen kann. Sehr umfangreich.

Eine Adaption der Idee von Growl als Implementierung für das jQuery-Framework.

Eine schöne Variante eines Date-Pickers, basierend auf jQuery.

Ein feiner, kleiner Javascript-basierter Text-Editor für HTML, Textile, Markdown, BBcode und Wiki-Syntax. Bietet absichtlich keine WYSIWYG-Funktion, sondern ergänzt nur das Markup.

Ein Bookmarklet, das hilft floating-Fehler im CSS zu entdecken. Benötigt jQuery und Firebug.

Ein accessible erzeugter Slider basierend auf jQuery und Canvas.

Eine jQuery-basierte Lösung um mit dem Canvas-Element erzeugte Charts accessible zu erzeugen.

Erzeugt eine HTML-Dokumentation aus den im Source-Code enthaltenen Kommentaren eines jQuery-Files.

Erklärt, wie man mithilfe von jash und jQuery in nicht Firebug-fähigen Browsern debuggen kann.

Ein jQuery-Plugin, das es erlaubt Diagramme per Canvas-Element zu erstellen. Läuft in allen modernen Browsern und im IE per Helfer-Skript.

Fortgeschrittenes Logging von jQuery: einzelne Knoten in einer chain können geloggt werden. Benötigt Firebug.

Humanized Messages is a javascript-based system for non-modal notifications, from an idea by Jef Raskin, as relayed by Aza Raskin and adapted for jQuery and use with K2 by Michael Heilemann.

Jamal is a set of conventions and small javascript libraries to archieve a complete separation of html, css and javascript in your web application. Jamal is built on jQuery and inspired by MVC frameworks like Ruby on Rails, CakePHP and its derivatives.

Eine Methode, mit der man sehr aufwändige Tooltips, die Flash einsetzen, mittels jQuery realisieren kann.

Eine Sammlung von verschiedenen API-Dokumentationen unter einheitlicher Oberfläche.

Projekt, welches das standardmäßig verwendete Paar aus prototype/script.aculo.us ersetzt durch jQuery.