jQuery


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


Wednesday, June 18th, 2008

Our Signal: Page Cloud Visualization of Digg, Reddit, Delicious, Hacker news

Category: jQuery, Showcase

Our Signal takes Digg, Reddit, Delicious, and Hacker News and creates a full page cloud visualization using jQuery. The size of the box reflects the popularity, and the color lets you know the acceleration of that popularity. If the color is warm, it is on the rise, and vice versa for cool colors. I like Read the rest…

Posted by Dion Almaer at 10:00 am
8 Comments

++---
2 rating from 39 votes

Tuesday, June 10th, 2008

jQuery Selectors Refcard Now Available

Category: jQuery

The latest Refcard, jQuery Selectors written by authors Bear Bibeault and Yehuda Katz, has been released and is now available for download in PDF format (DZone registration required!) jQuery selectors are one of the most important aspects of the jQuery library. These selectors use familiar CSS syntax to allow page authors to quickly and easily Read the rest…

Posted by Dion Almaer at 3:18 am
14 Comments

++---
2.4 rating from 54 votes

Monday, June 9th, 2008

jQuery UI 1.5: Effects, API, and Themes

Category: jQuery, UI

Paul Bakaus & the jQuery UI Team has released a major update jQuery UI 1.5. There seem to be three major pieces to the news: API Refactoring What we came up with, was an API that removed 95% of our exposed methods, and kept only one single overloaded method per plugin. For example: $(”div”).draggable() creates Read the rest…

Posted by Dion Almaer at 3:54 am
8 Comments

+++--
3.3 rating from 6 votes

Thursday, June 5th, 2008

Implementing infinite scrolling with jQuery

Category: jQuery, Showcase

Umut Muhaddisoglu has implemented the infinite scrolling pattern that Wikia Search has in place this week. There have been other implementations, but this is a clean one using jQuery, and works by: When user scrolls down and hits the bottom a function is called This function gets the last DIV ID of the datagrid Send Read the rest…

Posted by Dion Almaer at 10:21 am
20 Comments

+++--
3.7 rating from 96 votes

Tuesday, June 3rd, 2008

jQuery Release 1.2.6: Performance Improvements and Dimensions Plugin Added to Core

Category: jQuery

A new release of jQuery is out — 1.2.6, skipping directly from 1.2.3. Most noteworthy are the performance improvements (you can check out the detailed performance data via this Google Spreadsheet). The headlines on improvements: Event handling: 103% CSS selectors: 13% .offset: 21% .css: 25% Lots of other fixes, but the most important, IMHO, is Read the rest…

Posted by Dietrich Kappe at 11:52 am
14 Comments

++++-
4.1 rating from 71 votes

Ajaxian Featured Tutorial: Coda Slider Effect

Category: jQuery, Tutorial

The effect of “sliding panels” has become extremely popular for categorizing & displaying large amounts of data on a single page. One of the most notable implementations of this effect was done by Panic to display all of the features and benefits of their Coda web development IDE. Since then, many implementations of this effect Read the rest…

Posted by Rey Bango at 9:28 am
5 Comments

++++-
4 rating from 46 votes

Thursday, May 29th, 2008

On-line Auction Aggregator Innovates with Ajax

Category: Examples, jQuery

Dov Katz pointed us to Josh Bochner’s labor of love, http://www.jigadig.com/. It’s an Ajax-heavy jQuery-powered auction site aggregator. What really got our attention is the search results page, which among other things lets you view full item descriptions in-line without having to jump to a different page, infinitely scroll, and easily “pin” interesting items for Read the rest…

Posted by Ben Galbraith at 8:42 am
4 Comments

++++-
4.1 rating from 21 votes

Friday, May 16th, 2008

Cubescape: Isometric Pixel Fun

Category: Games, JavaScript, jQuery

Ever wanted to create your own isometric pixel picture, but didn’t know what the word isometric meant? Well, now you can fulfill your wildest dreams with Cubescape! That is the headline for Cubescape, a site that released a new jQuery based front end that lets you drop the cubes! Perfect for a Friday, go ahead Read the rest…

Posted by Dion Almaer at 8:37 am
18 Comments

+++--
3.9 rating from 53 votes

A new spin on the datepicker control

Category: JavaScript, jQuery

Just when you thought that datepickers had been played out, along comes Filament Group and puts a whole new spin on it. Working from Mark Grabanski’s jQuery UI DatePicker control, the team substantially enhanced the UI with a host of new features including: shortcut links to preset date ranges, for example, “Past 30 days” or Read the rest…

Posted by Rey Bango at 6:51 am
16 Comments

+++--
3.4 rating from 48 votes

Wednesday, May 7th, 2008

Ajax Pioneer Week: John Resig of jQuery

Category: Interview, JavaScript, jQuery, Presentation

John Resig got in front of the camera, and the projector, as he gives us his thoughts on the state, and future of Ajax. He starts out by discussing jQuery Core, and the features in the near term (1.2.4), short term (1.3) and beyond. He then delves into the UI side of the house with Read the rest…

Posted by Dion Almaer at 1:14 pm
1 Comment

+++--
3.6 rating from 59 votes

Unobtrusive JavaScript with jQuery

Category: jQuery, Presentation

Simon Willison gave another jQuery talk, this time at XTech, called Unobtrusive JavaScript with jQuery. In the presentation he delves into the reasons why you should go unobtrusive, how to use jQuery, and why they are a good match. Here is the presentation in full:

Posted by Dion Almaer at 6:10 am
1 Comment

++++-
4.2 rating from 56 votes

Thursday, May 1st, 2008

WriteMaps.com’s New Print Preview Tool

Category: jQuery

We posted about WriteMaps.com back in December and Scott Jehl continues to update the site with cool new features. This time around Scott’s added a nifty print preview tool which leverages jQuery UI’s latest release candidate. Printing on WriteMaps has always been more difficult than I’d like it to be. Some browsers helpfully tile a Read the rest…

Posted by Rey Bango at 10:02 am
6 Comments

+++--
3.5 rating from 26 votes

Thursday, April 17th, 2008

Spoiler Blocker When JS Isn’t Available

Category: jQuery

Ever gone to a site to read up on your favorite show or get the lowdown on a new movie only to have the whole plot spoiled because you weren’t forewarned that the “whole freakin’ script” was injected into the article?!?! Yeah, I’ve been there and it ain’t fun! Chris Coyier of CSS-Tricks came up Read the rest…

Posted by Rey Bango at 10:46 am
5 Comments

+++--
3.1 rating from 22 votes

Tuesday, April 15th, 2008

jQuery and Prototype Benchmarks

Category: JavaScript, jQuery, Performance, Prototype

Piotr Solnica did a couple of posts on jQuery and Prototype benchmarks back in the day, and John-David Dalton just found them. In part one, he runs tests such as: < View plain text > javascript $(‘td.first’).addClass(‘marked’); // jQuery   $$(‘td.first’).each(function(cell){   cell.addClassName(‘marked’); });   // or   $$(‘td.first’).invoke(‘addClassName’, ‘marked’); and concludes: Executed tests show Read the rest…

Posted by Dion Almaer at 5:13 am
16 Comments

++++-
4.5 rating from 170 votes

Thursday, April 10th, 2008

Ajaxian Featured Tutorial: Hacking transparent PNG support into IE6 with IE PNG Fix, CSS and jQuery

Category: CSS, JavaScript, jQuery

During his work in redesigning the Pathfinder web site, Brian Dillard came across the infamous IE6 transparent PNGs issue and used two methods to tackle the issues. He decided to do a nice write-up explaining how he worked around the fact that IE6, while it would render PNGs, would not retain their alpha-channel transparency and Read the rest…

Posted by Rey Bango at 2:12 pm
17 Comments

+++--
3.2 rating from 58 votes

Friday, April 4th, 2008

GQuery: Java, GWT, and jQuery together

Category: GWT, jQuery

Are you a fan of GWT but would like toms jQuery magic mixed in? Ray Cromwell has your back, as he has created GQuery, an implementation of jQuery for GWT. This means that you can write code like this: < View plain text > java public void onModuleLoad() {     $("div").css("color", "red").click(new Function() { Read the rest…

Posted by Dion Almaer at 12:15 am
Comment here

+++--
3.9 rating from 24 votes