jQuery


jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.


Monday, January 28th, 2008

Less maintenance code tutorials with Ajax Code Display

Category: Examples, HTML, JavaScript, jQuery, Unobtrusive JS

One of my main annoyances with writing code tutorials is that you need to maintain code in several locations: the code itself and the examples in the tutorial document. This is not really a problem when you can use a scripting language or print out the tutorials from a CMS, but when you just want Read the rest…

Posted by Chris Heilmann at 11:18 am
6 Comments

++++-
4.2 rating from 25 votes

Tuesday, January 22nd, 2008

jQuery ScrollTo Plugin

Category: JavaScript, jQuery

Ariel Flesler has a nice little jQuery plugin, ScrollTo, that lets you scroll with many configuration options: Axes to be scrolled, ‘x’, ‘y’, ‘xy’ or ‘yx’. Animation length (or by default, no animation) Easing method Whether to take in account, the margin of the target element If both axes are chosen, whether to animate together, Read the rest…

Posted by Dion Almaer at 6:15 am
3 Comments

+++--
3.8 rating from 81 votes

Tuesday, January 15th, 2008

as3Query: jQuery port to ActionScript

Category: Adobe, Flash, JavaScript, jQuery

First we see the new jQuery 1.2.2 release, and now “nitoyon” has ported jQuery to ActionScript 3.0 creating as3Query. This port has everything bar the Ajax features, and it comes with a set of demos: Creating instances and monitoring events Tweening CSS Selector < View plain text > javascript function animate(f:Boolean):void {     // Read the rest…

Posted by Dion Almaer at 8:57 am
3 Comments

+++--
3.9 rating from 37 votes

jQuery 1.2.2 Released

Category: Announcements, jQuery, Library

jQuery has a new release, 1.2.2, which is a bug fix release and more. This release comes on the 2nd birthday of jQuery: I remember doing the first release at BarCamp NYC (combined with the mention of two other projects of mine that fizzled: Feed Pile and Idea Shrub). While I had released a bunch Read the rest…

Posted by Dion Almaer at 12:48 am
26 Comments

++++-
4 rating from 71 votes

Thursday, December 27th, 2007

jQuery Glider Component

Category: Component, jQuery

The nice folks over at Dynamic Drive have created a new jQuery plugin that lets you turn ordinary pieces of HTML content on your page into an interactive, “glide in” slideshow, with several configurable options: This script lets you painlessly showcase new or featured contents on your page, by turning ordinary pieces of HTML content Read the rest…

Posted by Dion Almaer at 5:42 am
3 Comments

++---
2.9 rating from 38 votes

Thursday, December 13th, 2007

Unobtrusively Mapping Microformats with jQuery

Category: Articles, jQuery, Mapping, Microformat

Simon Willison just doesn’t stop. This time he has added a way that details the technique of unobtrusively mapping microformats with jQuery. Simon puts together jQuery, microformats, and the Google Maps API to grok hCard and show maps of any hCard data that is found, ending up with: < View plain text > javascript jQuery(function() Read the rest…

Posted by Dion Almaer at 7:01 am
2 Comments

+++--
3.6 rating from 32 votes

Wednesday, December 12th, 2007

WriteMaps.com: A tool for website planning

Category: Ajax, jQuery

Scott Jehl set out to make the website planning process more efficient and fun. Tired of dealing with expensive tools that were either way overpriced or simply didn’t meet his needs, he choose to build a site that did what he wanted and with the plan of letting others developers take advantage of the new Read the rest…

Posted by Rey Bango at 6:30 am
15 Comments

++++-
4.1 rating from 46 votes

Wednesday, December 5th, 2007

Plotting in jQuery

Category: Canvas, jQuery

Drawing on inspiration from Plotr and PlotKit, software developer Ole Laursen wanted to bring the same plotting functionality to jQuery. So he built his own jQuery plugin and called it Flot. While a bit oddly named, the first release of Flot, v0.1, already provides some impressive capabilities: The project actually got started because we were Read the rest…

Posted by Rey Bango at 8:30 am
21 Comments

++++-
4.6 rating from 201 votes

Friday, November 30th, 2007

HeatColor – Firing up elements based on values

Category: JavaScript, jQuery

Using color has been a tried and true method of representing importance or value in a UI. Whether it’s negative balance or indicating a successful process, color helps to convey your message much more effectively then plain old text. Josh Nathanson came up with an interesting jQuery plugin called HeatColor which assigns colors to elements Read the rest…

Posted by Rey Bango at 6:45 am
1 Comment

+++--
3.5 rating from 13 votes

Thursday, November 29th, 2007

Genfavicon: A favicon generator

Category: Ajax, jQuery, UI

Adding to the long list of generator–style sites is the latest addition called Genfavicon. Using jQuery for it’s DOM manipulation and Ajax work, the site actually does a pretty decent job of creating the cool little favicons used throughout the web. You have the option of either specifying a URL for the image you’d like Read the rest…

Posted by Rey Bango at 6:00 am
11 Comments

++---
2.9 rating from 45 votes

Tuesday, November 6th, 2007

Google Code Revamps with jQuery

Category: Google, JavaScript, jQuery, Showcase

We have revamped Google Code, the site which is the home to developers, and open source hosting. A ton of work went into cleaning up the UI integrating and unifying content, and simplifying. The site uses jQuery for a lot of its work, and also eats a lot of dogfood. The video below goes through Read the rest…

Posted by Dion Almaer at 6:33 am
11 Comments

+++--
3.9 rating from 76 votes

Monday, November 5th, 2007

Getitnext.com: An example of how libraries can co-exist

Category: Ajax, jQuery, Prototype

While reading an article on AuctionBytes.com about eBay search engine GetitNext.com, I did my usual code snooping to see what was powering some of the effects. Lo and behold, what do I see, but Prototype, Script.aculo.us and jQuery smiling at me! Yep, GetitNext.com is leveraging all three to enhance their site. It looks as if Read the rest…

Posted by Rey Bango at 7:00 am
17 Comments

+++--
3.5 rating from 50 votes

Wednesday, October 31st, 2007

jQuery Demo: Creating A Sliding Image Puzzle Plug-In

Category: Examples, jQuery

Ben Nadel has created a new jQuery plugin that allows you to have fun with sliding image puzzles by simple calling: < View plain text > javascript $( "div.puzzle, p" ).puzzle( 100 ); Ben walks you through how it all works and you can check out the action yourself.

Posted by Dion Almaer at 5:31 am
1 Comment

+++--
3.5 rating from 47 votes

Friday, October 26th, 2007

Prototype and jQuery: A code comparison

Category: JavaScript, jQuery, Library, Prototype

Remy Sharp has gone through the jQuery and Prototype frameworks, which are probably the two closest to each other, and has done a side by side comparison of the frameworks by showing you how similar things work on both. The presentation looks into the utility functions, selectors, DOM manipulation, DOM walking, events, Ajax transport, and Read the rest…

Posted by Dion Almaer at 6:06 am
50 Comments

++++-
4 rating from 320 votes

Friday, October 19th, 2007

jQuery Logging

Category: jQuery, Library, Plugins, Tip

Dominic Mitchell has created a mini jQuery logging plugin that ties Firebug to the call chain. This means that if you are debugging something you can quickly add a .log(“….”) in the chain: < View plain text > javascript jQuery.fn.log = function (msg) {       console.log("%s: %o", msg, this);       return Read the rest…

Posted by Dion Almaer at 11:05 am
11 Comments

+++--
3.1 rating from 105 votes

Wednesday, October 17th, 2007

Humanized Messages Library

Category: jQuery, Library

Michael Heilemann has created a jQuery plugin, Humanized Messages, that implements Aza Raskins transparent messages pattern: Transparent messages are the brainchild of Jef Raskin. It’s simply a large and translucent message that’s displayed over the contents of your screen. They fade away when the user takes any action (like typing or moving the mouse). In Read the rest…

Posted by Dion Almaer at 2:52 am
14 Comments

++---
2.8 rating from 51 votes