"endless scrolling (or infinite scrolling or pagination) is a popular technique amongst modern websites such as Google Reader and Live Image Search, whereby instead of paging through items using traditional pagination links, the page just keeps loading with new items attached to the end.

Endless Scroll not only helps you build highly customisable infinite scrolling effects, it also offers features not commonly seen. Such features include:

The ability to up-scroll and prepend content to the beginning of the page
The ability to limit the number of available 'pages', i.e. data truncation
And there are more exciting features in the works, including SEO-friendly URLs!"

"Rucksack is a jquery plugin to arrange elements that can fit in the given width. It relies on the knapsack algorithm."

""

"APIConnect is a Javascript class that provides a simple way to interact with APIs, specifically those hosted on other domains. Setup is as simple as creating the instance, specifying the domain, connecting the route, and running it. APIConnect works in all major browsers with jQuery as its only dependency, and is now available on npm!"

from Pinboard Network RSS Improver http://pipes.yahoo.com/pipes/pipe.info?_id=b22b9c9acee5906aab7e8a7645a247a9

So we recorded and setup detailed notifications for every email bounce, to make sure that we are always aware of what’s happening (thanks Mailgun!). And we soon started to see patterns. People would misspell their email addresses and be unaware of it, resulting in a delivery failure and a lost user. And it got even more interesting - most of these invalid email addresses were a result of a misspelled domain; “hotmail.con”, “gnail.com”, “yajoo.com”. A clear opportunity for improvement.

You can get the Mailcheck.js plugin at Github. Neat.Source: http://pinboard.in/

searches twice—once the fast way and then enhancing that search with remote ajax calls. example uses spotify api

"In cases where you need to dynamically generate DOM nodes, modify specific children as with the <span> shown above, and then append the newly created set into a container, what do you do? Fortunately, jQuery provides an end() function that allows you to pop the current set off the stack and then move down to the next one. In the example above, calling end() immediately before appendTo() would cause the initial <div> that wraps <span> to be appended to divContainer which would achieve the desired end result in this case."

"Paul Irish did a talk about about 10 performance tips for using jQuery.  Jon Raasch did a summary post that I would highly recommend reading.  One of the things that he talks about at the bottom is some of the lesser known jQuery methods.  And wouldn’t you know it – .map() is the first one in the list.

He doesn’t go into depth on these methods and what they do, so I’m going to pick up where he left off and write some code around these lesser known methods.  Of course, please refer to the official jQuery documentation on all of these which I will link to from each one.  A big thanks to Elijah who gave me input on these methods and helped with some of the ideas expressed here."

"This plugin uses XHR for uploading multiple files with progress-bar in FF3.6+, Safari4+, Chrome and falls back to hidden iframe based upload in other browsers, providing good user experience everywhere."

Developers creating JavaScript applications these days usually use a combination of MVC, modules, widgets and plugins for their architecture. They also use a DOM manipulation library like jQuery. Whilst this works great for apps that are built at a smaller-scale, … Continue reading →

dev shares her thoughts on moving from DOM-centric to modern javascript client-server application architecture.

"RESThub is an Open Source framework designed to allow you to build RIA HTML5 web applications based on a Spring backend following KISS, DRY and REST principles. It composed by a Java stack and a Javascript stack."

"Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors."

"an ultra lightweight jQuery plugin that creates highly customizable tooltips without all of the fluff."

great overview of MVC patterns with jQuery. 

nice howto on getting started with jquery mobile

"RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code."

Tempo is a tiny JSON rendering engine that enables you to craft data templates in pure HTML.

whoa.

"Here is the code to get jQuery selector's HTML including its own:<br />
<br />
var html = $('<div>').append($('#top').clone()).remove().html();"

"The Libraries API is a content distribution network and loading architecture for the most popular, open-source JavaScript libraries. Using the Google API Loader's google.load() method increases your application's speed while providing access to a growing list of the most popular, open-source JavaScript libraries, including:<br />
Chrome Frame<br />
Dojo<br />
Ext Core<br />
jQuery<br />
jQuery UI<br />
MooTools<br />
Prototype<br />
script.aculo.us<br />
SWFObject<br />
Yahoo! User Interface Library (YUI)<br />
WebFont Loader"

"So to sum up here, there are some key benefits that doing your screen scraping with node.js, and jsdom provide: Works with the same battle-hardened DOM libraries used in production every day. Node.js is blazing fast and designed for exactly these kind of highly asynchronous coding tasks. Easy to use and deploy with new tools like nodejitsu."

"make jquery queries on xml documents. The API is as much as possible the similar to jquery. pyquery uses lxml for fast xml and html manipulation. This is not (or at least not yet) a library to produce or interact with javascript code. I just liked the jquery API and I missed it in python so I told myself “Hey let’s make jquery in python”. This is the result."

"ensure the widget’s code doesn’t accidentally mess up with the rest of the page, dynamically load external CSS and JavaScript files, bypass browsers’ single-origin policy using JSONP."

"Are you developing jQuery hotness so fast that the slow-poke server team can't supply you AJAX services fast enough?  If so, you might be interested in the JavaScriptMVC-extracted jQuery.Fixture plugin.  Fixtures simulate AJAX responses so you can keep developing JavaScript functionality even if the server's services aren't working.  The fixture plugin is easy to setup and remove once the services are online."

load jquery on any page with this bookmarklet

"This is also important for Twitter API usage. One of the key restrictions with the Twitter API is that any client IP address can only make x number of API calls per hour. If you’re making these API calls from your web server (which obviously only a static IP address), you could quickly use up your hourly allocation on a busy site. Twitter does allow you to “whitelist” your web application to give you a better hourly rate, but here’s a better way: Use the clients, ie your users, to make the API calls from their browsers."

"jQuery plugin for mobile web development on the iPhone, iPod Touch, and other forward-thinking devices."

" library contains six of the most useful JavaScript tools available for today's website. The beauty of this library is that all of these tools can be used together, extended, configured and styled. In the end, you can have hundreds of different widgets and new personal ways of using the library. This library is dual licensed under MIT and GPL 2+ licenses."

"a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking. The plugin is known to work with Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+. If you find a problem, please report it. Drawing is done with the canvas tag introduced by Safari and now available on all major browsers, except Internet Explorer where the excanvas Javascript emulation helper is used."

"menu system, which can be used to create a simple dropdown menu for a single list of options, a flyout menu for a smaller hierarchical list of options where child menus are displayed next to the parent menu on mouseover, and two variations on the iPod style, one with a back button and another with a linked breadcrumb to let users easily traverse back up the hierarchy. "

qTip is a tooltip plugin for the jQuery framework.

because I keep looking for this in the wrong place!

"an open source bookmarklet that makes CSS selector generation and discovery on complicated sites a breeze. Just drag the bookmarklet to your bookmark bar, then go to any page and press it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then generate a minimal CSS selector for that element, and will highlight (yellow) everything that is matched by the selector. Now click on a highlighted element to remove it from the selector (red), or click on an unhighlighted element to add it to the selector. Through this process of selection and rejection, SelectorGadget helps you come up with the perfect CSS selector for your needs."

set all elements you specify to the same height.

part of a good intro series

rounded corners with jquery

"an introductory explanation of using jQuery to interact with your PHP application through AJAX."

"a Javascript bookmarklet called Visual Event which visually shows the elements on a page that have events subscribed to them, what those events are and the function that the event would run when triggered. This is primarily intended to assist debugging, but it can also be very interesting and informative to see the subscribed events on other pages."

When used correctly, jQuery can help you make your website more interactive, interesting and exciting. This article will share some best practices and examples for using the popular Javascript framework to create unobtrusive, accessible DOM scripting effects. The article will explore what constitutes best practices with regard to Javascript and, furthermore, why jQuery is a good choice of a framework to implement best practices.

A delicious shortcut to search the jQuery docs