One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue. Today we’re going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript.

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 with a solution called …

Davey Waterson of the Aptana Jaxer team has posted an article on using jQuery on the server-side with E4X and more that shows an example of server-side Ajax with a popular framework.
The article describes a polling application that features:

Using jQuery server-side to manipulate a DOM before it’s sent to the client
Doing some database / SQL interactions, server-side in javascript …

Great presentation coming from Jhon Resig - creator of JQuery about JavaScript and JQuery.From basics to Pro.

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:
PLAIN TEXT
JAVA:

public void onModuleLoad() { 

  $(”div”).css(”color”, “red”).click(new Function() { 

     public void f(Element e) { 

    …

ppDrag is a Drag&Drop plugin for jQuery, which mimics the interface of jQuery UI’s Draggable. Currently supported is a small subset of its options, but the implementation is different (ppDrag focuses on performance). All major existing browsers are supported. This includes IE6/7, Firefox1/2/3, Opera, Konqueror, Safari, etc.

Finally, you can throw away the concise jQuery code, and you can instead grab a more verbose version Classy Query, that John Resig has provided.
This extra verbosity is perfect for a compiler or a document parser. The important people.
You can now write code like this:
PLAIN TEXT
HTML:

<script src=”jquery.js”></script>

<script src=”classy.js”></script>

<script>

jQuery.Events.addEventListener(document, "ready", function(){

  jQuery.querySelectorAll("div").forEach(function(elem){

    jQuery.DOM.append(elem, " …

The problem with most UI slider elements (and the reason sliders are hardly used) is because there’s rarely any direct feedback to the user as to what’s being selected. This screencast / demo attempts to solve that problem and allows the slider to be a viable input element in any web application.

Mario Heiderich of Ormigo has created a jQuery based code snippet/bookmarklet that is capable of detecting floating errors and adding a dotted orange border to elements which should be cleared - but aren’t.

It saved me a huge bunch of time debugging complex layouts for all browsers - especially IE6. If jQuery isn’t already loaded on the …

Some little cool & funky effects that can be very easily created using the powerful Javascript library jQuery. Includes color animation, basic animating & how to replace content in a HTML element.

John Resig has published his JavaScript and jQuery talk that he gave at Northeastern. What does he cover?

I covered the basics of JavaScript - targeted to a Computer Science major (in the case of the students at NU, they learn Scheme and Java so I emphasized the subject matter to that audience). I did a fast run-through of the …

jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.

Illustrations and code samples showing how to make a slider UI control accessible to those who aren’t running JavaScript or CSS.

markItUp! is a JavaScript plug-in built on the jQuery library. It allows you to turn any textarea into a powerful and flexible markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own markup system can be easily implemented.

We posted about PPK’s thoughts on CSSOM which included him dissing getBoundingClientRect() and getClientRects():

I feel this part of the specification is not yet ready. At the very least, the relation of TextRectangle boxes to actual elements should be defined in the case there’s more than one TextRectangle box, because I don’t understand what to expect (and I suspect browser …

The jQuery Worldwide Sprint (see previous post) is over, and it was a wonderful momentum and great experience for many of us.
We made great use of the sprint wiki page during the sprint, and it now serves as a reference of what we accomplished, including meeting summaries and irc logs.
We moved a lot closer to jQuery UI 1.5, …

A free javascript code to create a small-footprint RTE component. Uses jQuery.

A list of great JavaScript input masks including jQuery and Mootools plugins other than the standalone ones.

Galleria jQuery Image Gallery Script March 5, 2008 in Scripts and Software Galleria is a jQuery based javascript image gallery that loads images one by one from an unordered list and displays thumbnails when each image is loaded. It can create thumbnai

Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.

The jQuery UI Team is pleased to announce its first Worldwide Sprint, to take place next Friday and Saturday, March 14-15, 2008. Two full days of testing, fixes, documentation, and general getting-stuff-done. Our goal is to get the jQuery UI 1.5 release (alpha, beta) ready for final, and we invite any and all to help. Whether you …

JavaScript Sprite Animation Using jQuery

The fine folks over at Swedish Fika shows us how to create a flash like hover effect for headers and other image elements on your site using CSS and jQuery.

Una breve introduzione a jQuery, una delle librerie javascript più diffuse per la manipolazione di oggetti DOM e per funzioni ajax.

This short series of tutorials will focus on learning jQuery - a lightweight but powerful JavaScript framework. This series jQuery for Designers mainly targeted for graphic designers, web designers, interface/GUI designers and front-end developers.

Great intro to JQuery, even if you are not Drupal-minded

This detailed reference guide to jQuery, an open-source JavaScript library that shields web developers from browser inconsistencies, simplifies adding dynamic, interactive elements, and reduces development time, covers the syntax of every jQuery method, function, and selector with detailed discussions to help readers get the most from jQuery.

learn how to use javascript or jquery to capture key shortcuts

Possibly the snappiest image gallery around.

Remy Sharp has revived the jQuery API browser at a new location. The old API browser hadn’t
been updated since 1.1.3 and most other API browsers were running from the old doc structure (e.g. gotapi.com/jquery).
Remy added live searching and direct linking.

…

Hey everybody,
The jQuery team is proud to release the first beta release of the new upcoming version of UI, jQuery UI 1.5! It has been a long path to this release - originally intended to be a bugfix release, it was growing into something we just couldn’t call 1.0.1, not even 1.1, no, it’s so damn delicious we had …

Data visualization through charts and graphs is incredibly common and yet Ext doesn’t have a readily apparent charting library! JQuery has a great little charting library called Flot and getting it to work within an Ext application turned out to be pretty easy. I’ll show how I integrated the two and the problems I ran into.

John Resig has written a Cross-Window Messaging sample using Firefox 3, which implements the current postMessage API in HTML 5. Opera 9 implements a slightly older version, and a new release will fix that of course:

This particular API adds a new method to every window (including the current window, popups, iframes, and frames) that allows you to send …

However for front-end guys like myself, much of the scripting fizz and bubble has been focussed around refitting your markup — that is, using JavaScript to make your markup work better after it gets to the browser. Today we’re going to look at an easy, all-purpose method that will allow us to do this anytime, anywhere: jQuery.

jQuery hit version 1.2.3, supporting Adobe AIR, namespacing data storage, and squashing bugs. Also, jQuery UI hit 1.5a, and the new Enchant plugin offers easy JavaScript effects. Download it all now!

The jQuery team announced today the release of jQuery v1.2.3. Primarily a bug fix for v1.2.2, this new release also includes new features to make it compatible with the Adobe AIR runtime and SDK:
The primary purpose of this release was to fix a couple outstanding bugs from the jQuery 1.2.2 release. Specifically, this release is now compatible with …

We’re happy to announce a brand new release of jQuery. This is primarily a bug fix release for jQuery 1.2. You can view the full list of what was fixed on the bug tracker.
Downloading
jQuery 1.2.3:

jQuery Minified (15kb with Gzipping)
jQuery Packed (29kb)
jQuery Regular (94kb)

If you wish to checkout the full release from …

The jQuery UI team announced today the release of alpha versions of jQuery UI 1.5a and jQuery Enchant 1.0a! The projects aim to address the need for a strong set of UI controls and effects to complement the jQuery JavaScript library.
I’m very happy to announce the first alpha release of both jQuery UI 1.5 and jQuery Enchant 1.0 …

Un ricco elenco di manuali e vademecum su Javascript, MooTools, jQuery, Prototype e YUI. Per chi vuole approfondire qualche framework javascript, questo è l’articolo per voi!

Dan Webb has ported Low Pro to jQuery and along the way discusses differences between Prototype and jQuery:

The one big reason was that, while jQuery was super simple and concise when working on smaller projects, it offered no help in structuring larger applications. All you get in jQuery, aside from Ajax methods and a handful of utilities, is the …

Paul Bakaus (jQuery UI Lead) and John Resig (jQuery Lead) working on the next release of jQuery UI (1.5) and jQuery Core (1.2.3).
It’s a rare treat, in distributed Open Source development, to be able to work face-to-face with a fellow developer. Paul is located in Germany, I in Boston - and much of the jQuery team …

Liferay, authors of a popular open source Java portal, have hired Paul Bakaus lead on jQuery UI to work on it full time.

Liferay’s plans are to standardize all their products to use jQuery and its plugins for the future (you’ll still be able to use other libraries at the same time) - it’s therefore in their very interest …

Jörn Zaefferer went absolutely feature crazy when he decided to update his jQuery Validation plugin. Update is putting it mildly with “overhaul” coming immediately to mind.
Here are some of the cool new features added in:

AJAX-captcha validation example (based on http://psyrens.com/captcha/)
Support for “remote” ajax-validation. In other words: Remote validation is now possible and very easy to use.
Added …

A good web development framework anticipates what you need to do and makes those tasks easier and more efficient; jQuery practically reads your mind. Developers of every stripe—hobbyists and professionals alike—fall in love with jQuery the minute they’ve reduced 20 lines of clunky JavaScript into three lines of elegant, readable code.

It doesn’t advertise itself as such, but the jQuery JS framework is quite possibly one of the best JS frameworks for PHP developers. Most of the frameworks out there are designed for developers with JavaScript experience, and understandibly so.

jQuery UI is growing, and I’m already seeing quite a few sites using it exclusively to support their interface. As a matter of fact, it’s growing so well, that a LA-based open-source company decided to hire a person to exclusively work on jQuery UI full-time.
I’m very happy to announce that I, Paul Bakaus, lead of jQuery UI, was hired …

One of the most popular jQuery plugins get an update with new features. PopupWindow lets you create javascript popup windows for static links on your web site.

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, or queue the animations.
The possibility to add/deduct from the …

John Resig has been tinkering with the sub pixel problems in CSS and how browsers deal with bit of pixels:

Something that jumped at me, recently, was a rendering dilemma that browsers have to encounter, and gracefully handle, on a day-by-day basis with little, to no, standardization.
Take the following page for example. You have 4 floated divs, each with …

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

PLAIN TEXT
JAVASCRIPT:

function animate(f:Boolean):void {

        // Select ‘RoundRect’ elements using CSS selector

      …