-
Mar 25, 2010
A layout plugin similar to Masonry but with dynamic re-ordering.
Filed under: DOM Manipulation, UI
-
Sep 24, 2009
A very simple jQuery CMS that can be configured and set up in around 2 minutes. Plugging in to your site is a breeze, and can be done at almost any time during the life cycle of development.
To have a look and play visit the demo site http://editease.jquerystuff.net, and click on the “ADMIN” link in the bottom right hand corner of the page.
Video Demo: A quick video of how it works can be seen here: http://screencast.com/t/lsyOBBcW
Filed under: Ajax, Data, DOM Manipulation, UI
-
Sep 14, 2009
The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials
What happens when you combine the power of jQuery with WordPress? The possibilities are infinite!
Filed under: Accordian, DOM Manipulation, Lightbox/Modal, Media, UI, Validation
-
Sep 10, 2009
jQuery imageless buttons a la Google
This jQuery plugin is an attempt to recreate Google’s imageless buttons and prove that it doesn’t take a whole team of engineers and an endless cycle of code revision and quality control (their own words) to pull this off. I don’t know how Google did it, but my buttons automatically adapt to paddings and other styling you wish to use. They allow for a lot of stylistic customisatoin via a few lines of css while keeping all the display critical css rules hidden deep inside the plugin.
-
Sep 02, 2009
Elastic - Auto Growing Textareas
This Jquery plugin makes your textareas grow and shrink to fit it’s content. It was inspired by the auto growing textareas on Facebook. The major difference between Elastic and it’s competitors is it’s weight.
Filed under: DOM Manipulation, UI
-
Aug 27, 2009
Using Javascript to Fix 12 Common Browser Headaches
Sometimes CSS just doesn’t cut it, you code it all perfectly and it still looks like crap in IE. Here are 12 javascript scripts/plugins that fix your Web pages to look great across all browsers!
Filed under: Aesthetics, Browser Tweaks, DOM Manipulation, UI, Utilities
-
Jul 13, 2009
Presenting a jQuery plugin to select a range of consecutive checkboxes with just two clicks. The plugin is inspired from the GMail checkboxes functionality and works exactly the same. Just keep the ‘Shift’ key pressed and select a starting checkbox and the last checkbox that you want to select. Just try the demo if things are not yet clear.
-
Jul 11, 2009
The shortaccesskey plugin provides an easier and faster way to use the accesskeys assigned to links, instead of the standard key combination like SHIFT+ALT+‘key’ and/or CTRL+key you just press the ‘key’ assigned to the link.
Filed under: UI
-
May 20, 2009
Adds mouse wheel support for your application! Just call mousewheel to add the event and call unmousewheel to remove the event.
Filed under: UI
-
May 19, 2009
Chili is the jQuery code highlighter plugin.
Filed under: UI
-
May 18, 2009
jParallax turns a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.
Filed under: Background, DOM Manipulation, UI
-
May 14, 2009
jQuery Address - Deep linking plugin
The jQuery Address plugin provides powerful deep linking capabilities and allows the creation of unique virtual addresses that can point to a website section or an application state. It enables a number of important capabilities like bookmarking in a browser or social website, sending links via email or instant messenger, finding specific content using the major search engines and utilising browser history and reload buttons.
Filed under: UI
-
Apr 28, 2009
FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event).
Filed under: DOM Manipulation, Drag 'n' Drop, UI
-
Apr 17, 2009
The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser1. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.
-
Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element’s value when a color is selected.
Filed under: DOM Manipulation, UI
-
hoverIntent is a plug-in that attempts to determine the user’s intent… like a crystal ball, only with mouse movement! It works like (and was derived from) jQuery’s built-in hover. However, instead of immediately calling the onMouseOver function, it waits until the user’s mouse slows down enough before making the call.
Why? To delay or prevent the accidental firing of animations or ajax calls. Simple timeouts work for small areas, but if your target area is large it may execute regardless of intent.
jQuery Style uses this on the gallery list.
Filed under: UI








Mac OS X Version 10.5.6 Snow Leopard
Windows 7 Ultimate
Moleskine Large Squared Notebook
Learning JQuery 1.3
JQuery UI 1.6: The User Interface Library for JQuery
JQuery Reference Guide
jQuery in Action
Pro JavaScript Techniques
JavaScript: The Definitive Guide
DOM Scripting: Web Design with JavaScript and the Document Object Model
Bulletproof Ajax
Bulletproof Web Design
CSS Artistry: A Web Design Master Class
Designing with Web Standards
CSS Mastery: Advanced Web Standards Solutions
HTML & XHTML: The Definitive Guide
Follow jQuery Style on Twitter