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
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...
Tuesday, January 22nd, 2008
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...
Tuesday, January 15th, 2008
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 PLAIN TEXT JAVASCRIPT: function animate(f:Boolean):void { // Read the rest...
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...
Thursday, December 27th, 2007
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...
Thursday, December 13th, 2007
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: PLAIN TEXT JAVASCRIPT: jQuery(function() { Read the rest...
Wednesday, December 12th, 2007
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...
Wednesday, December 5th, 2007
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...
4.7 rating from 196 votes
Friday, November 30th, 2007
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...
Thursday, November 29th, 2007
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...
Tuesday, November 6th, 2007
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...
Monday, November 5th, 2007
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...
Wednesday, October 31st, 2007
Category: Examples
, jQuery
Ben Nadel has created a new jQuery plugin that allows you to have fun with sliding image puzzles by simple calling: PLAIN TEXT JAVASCRIPT: $( "div.puzzle, p" ).puzzle( 100 ); Ben walks you through how it all works and you can check out the action yourself.
Friday, October 26th, 2007
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...
4.1 rating from 312 votes
Friday, October 19th, 2007
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: PLAIN TEXT JAVASCRIPT: jQuery.fn.log = function (msg) { console.log("%s: %o", msg, this); return this; Read the rest...
Wednesday, October 17th, 2007
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...