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

Wednesday, September 3rd, 2008

QUnit: A simple look at the jQuery unit test framework

Category: JavaScript, jQuery, Testing

Chad Myers has a simple look at GUnit, the jQuery based unit test framework. His article explains how to get going, and walks through a test like this: < View plain text > javascript module("Show and Hide");   test("should hide the element when hide is called", function(){       $("#testDiv").hide();       // Read the rest…

Posted by Dion Almaer at 5:12 am

4 rating from 19 votes

Tuesday, September 2nd, 2008

addSizes.js: automatic link file-size generation

Category: JavaScript, jQuery, Tip

Nathalie Downe has taken Simon Willison’s json-head App Engine mini-service and used it to create addSizes.js, a little script that looks for large files linked from a page, and automatically adds their file size to the copy after the link. Once in place, you simple do your usual link, and asynchronously the Web page will Read the rest…

Posted by Dion Almaer at 5:07 am

4 rating from 21 votes

Monday, September 1st, 2008

CSS Sprites2: Return of the JS

Category: CSS, jQuery

In March 2004, Dave Shea wrote about CSS Sprites, and now he is back with CSS Sprites 2. He walks us through using JavaScript to make this all work nicely, and picks jQuery to get ‘er done: After putting this together piece by piece, we end up with: < View plain text > javascript $(document).ready(function(){ Read the rest…

Posted by Dion Almaer at 6:41 am

3.7 rating from 28 votes

Friday, August 29th, 2008

jQuery.com redesigned with a Rock Star

Category: jQuery

When I was doing an interview with John Resig for the Open Web Podcast, he mentioned that the redesign of jQuery.com had a lot of people talking, and it seems like people have strong feelings about the Rock Star for whatever reason. Ignoring the style, the redesign is more than just that: The entirety of Read the rest…

Posted by Dion Almaer at 2:30 pm

2.7 rating from 77 votes

Degrading script tags for fun and profit

Category: JavaScript, jQuery

John Resig posted on degrading script tags and adding functionality to <script> so you can add a src attribute and a body of code that will be executed one the external script loaded error free: < View plain text > javascript <script src="some-lib.js">   var foo = use_some_lib();   foo.do.stuff(); </script> To make this all Read the rest…

Posted by Dion Almaer at 8:26 am

3 rating from 21 votes

The Ajax Experience Framework Summit

Category: Dojo, jQuery, Prototype, The Ajax Experience

We talked a few months ago about something new we’re doing at the Ajax Experience this year: the “Framework Summit.” Basically, we’re providing space for Prototype, jQuery, and Dojo to hold their own half-day events on-site, and these events are free and open to the general public. Since we announced the summit, the frameworks have Read the rest…

Posted by Ben Galbraith at 7:00 am

2.8 rating from 25 votes

Tuesday, August 26th, 2008

jParallax Turns Elements into a Viewport

Category: jQuery

In the “oh wow, I didn’t know JavaScript could do that” category, I just came across a cool new jQuery plugin called jParallax which implements a parallax effect on selected elements. Now, I’m not ashamed to admit not knowing what “parallax” meant so I looked it up on Wikipedia which totally added closure to the Read the rest…

Posted by Rey Bango at 9:36 am

4.1 rating from 26 votes

Thursday, August 21st, 2008

Chain.js: jQuery Data Binding Service

Category: jQuery

Rizqi Ahmad has created a data binding service for jQuery called Chain.js. A simple example shows you where to start. When given HTML like: < View plain text > HTML <div id="quickdemo">     <div class="item"><span class="library">Library Name</span></div> </div> The following JavaScript will add data as items to the list: < View plain text > Read the rest…

Posted by Dion Almaer at 1:43 am

4.3 rating from 43 votes

Monday, August 18th, 2008

Transformie: Implement WebKit CSS transforms in IE

Category: CSS, IE, jQuery

Paul Bakaus, or jQuery UI fame, has created a nice little hack to implement WebKit CSS transforms in IE When you include the library, it can scan for your -webkit-transform-* transforms (soon to support the standard transform-*) and will go to work for you using a couple of nifty technologies all put together: IE Filters Read the rest…

Posted by Dion Almaer at 7:43 am

3.6 rating from 35 votes

A simple solution to the “other” problem with select boxes

Category: Examples, JavaScript, jQuery, Tip

Jeffrey Olchovy has posted a simple tutorial on using jQuery to solve a “select-to-input toggle” that shows and hides a text field when you select “Other”. It overloads the same form name, so the server side gets just one value, and doesn’t know or care if it was in the drop down or typed in. Read the rest…

Posted by Dion Almaer at 5:51 am

3.3 rating from 47 votes

Wednesday, July 30th, 2008

Inline Script Wrapper and Dependencies

Category: jQuery, Performance

Stuart Colville has found an issue where he needed to output some JavaScript in the middle of a page, before a library that depended on it was available: The 6th Rule in Yahoo’s Performance Rules recommends placing script before the closing body tag to prevent blocking holding up the rendering of the page’s content. This Read the rest…

Posted by Dion Almaer at 5:42 am

2.5 rating from 8 votes

Monday, July 21st, 2008

jQuery: Sparklines Plug-in

Category: jQuery, Plugins

Edward Tufte has long had a following of fans in the field of information visualizations. Among his interesting taxonomy of visualization types is the “Sparkline“, which he describes as “data-intense, design-simple, word-sized graphics”. While Tufte originally suggested that computer displays are too low-resolution to effectively make use of Sparklines (vs. printed page), James Dempster pointed Read the rest…

Posted by Ben Galbraith at 8:21 am

3.8 rating from 39 votes

Friday, July 18th, 2008

Lightweight Grid Control for jQuery

Category: jQuery

Developers are always looking for a great grid control that is easy to use, customizable and, of course, feature-rich. Paulo Mariñas has created just that for jQuery developers. Flexigrid is an extremely flexible grid control with provides many of the features highly-desired by developers. These include: Resizable columns Resizable height and width Sortable column headers Read the rest…

Posted by Rey Bango at 7:40 am

3.6 rating from 88 votes

Monday, June 23rd, 2008

Combobox Coolness by Giva Labs

Category: jQuery

The team at Giva Labs were looking for a method to show off a complex hierarchical tree of options within their software applications and while there are many options in terms of UI controls, they needed something that would be intuitive and offer both mouse and keyboard entry. The requirements were challenging: Menus must resize Read the rest…

Posted by Rey Bango at 7:34 am

3.8 rating from 24 votes

Friday, June 20th, 2008

Preloading Images with jQuery

Category: jQuery

Just the other day I was chatting with a colleague about how to go about pre-loading images before rendering a cool JavaScript-driven animation; Scott Jehl from the Filament Group wrote in to tell us about a jQuery plug-in that they use for just that purpose: We recently put out a super handy jQuery plugin for Read the rest…

Posted by Ben Galbraith at 7:30 am

3.5 rating from 116 votes

Thursday, June 19th, 2008

iWidgets Public Beta: Impressive Widget Builder

Category: Examples, jQuery, Social Networks, Widgets

Joining with the Web 2.0 “go-meta” business model that’s so popular these days, iWidgets provides a service that lets you build widgets once and deploy them to various popular widget APIs and platforms. At the heart of iWidgets is a “PowerPoint-like” widget builder that takes strong design cues from Yahoo! Pipes, but as Peter Yared Read the rest…

Posted by Ben Galbraith at 6:00 am

4.2 rating from 46 votes