jQuery


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


Thursday, November 20th, 2008

CDNs Gaining Broader Use with JavaScript Libraries

Category: Ajax, Cloud, jQuery, Sencha, Yahoo!

YUI and Google Most everyone knows that Google has really stepped up to the plate by helping many JavaScript library projects host their builds on the Google AJAX Libraries API. Apart from providing a central distribution point for these libraries, the bandwidth cost savings alone go a long way in helping frameworks service their users Read the rest…

Posted by Rey Bango at 11:16 am
17 Comments

++++-
4.1 rating from 50 votes

Liquid Canvas: Draw inside canvas with a DSL

Category: Canvas, jQuery

< View plain text > javascript $(window).load(function() {   $("#example").liquidCanvas(     "[shadow border gradient] => roundedRect{radius:50}"); }); This is an example of Liquid Canvas, a new library from Steffen Rusitschka who created ShadedBorder and RUZEE.Borders. Liquid Canvas is a JavaScript library which allows you to draw inside an HTML canvas element with an easy Read the rest…

Posted by Dion Almaer at 8:11 am
4 Comments

+++--
3.4 rating from 24 votes

Monday, November 17th, 2008

Another Lightbox Clone using jQuery

Category: jQuery

Stephane Caron wrote it with quite a nice little lightbox knock-off based on jQuery. prettyPhoto, as its called, as a few different options and an easy syntax: Add rel=”prettyPhoto” to any picture you want to activate the prettyPhoto feature: < View plain text > HTML &lt;a href="images/fullscreen/1.jpg" rel="prettyPhoto" title="Description"&gt; &lt;img src="/images1.jpg" alt="Picture 1 title" /&gt; Read the rest…

Posted by Ben Galbraith at 8:16 am
1 Comment

+++--
3.5 rating from 39 votes

Thursday, November 13th, 2008

jsTree Nears 1.0; Solicits Feedback

Category: Component, jQuery

Several months ago, we covered jsTree, a promising new tree component built on top of jQuery. It’s since gained its own website and is nearing a 1.0 release. There have been a few changes since we last wrote about it: * A lot of focus on the JSON data source * Native async support (meaning Read the rest…

Posted by Ben Galbraith at 8:00 am
2 Comments

+++--
3.9 rating from 40 votes

Wednesday, November 12th, 2008

Time Picker UI

Category: jQuery, UI, Usability

John Resig linked to an interesting new time picker UI that Maxime Haineault implemented as a jQuery plugin: He made a “two click” time picker. The first click is within the time field. This activates the display and allows the user to choose the time – all of which is done by moving the mouse Read the rest…

Posted by Dion Almaer at 12:01 am
16 Comments

+++--
3.2 rating from 34 votes

Tuesday, November 11th, 2008

CSS3 ASCII Layouts, Element Transversals, and Gotchas

Category: CSS, jQuery

John Resig has been a busy guy posting today not once but thrice! They all interesting too. I really enjoyed the CSS3 Template Layout post that reminds us of the CSS 3 advanced layout that allows you to use ASCII to define it: < View plain text > css <style type="text/css">   body {   Read the rest…

Posted by Dion Almaer at 12:43 am
13 Comments

+++--
3.4 rating from 26 votes

Friday, November 7th, 2008

JX: Layout manager for jQuery

Category: jQuery

Santosh Rajan has created JX, which he calls a “Object Oriented Extension to jQuery”. With that description, I was expecting something like Dean’s Base library, but instead I found a layout manager for JavaScript with the following features: Only 8K minified True Objected Oriented jQuery Extension Complex layouts by nesting Containers Whole application configurable ‘Custom Read the rest…

Posted by Dion Almaer at 9:03 am
62 Comments

++---
2.9 rating from 89 votes

Tuesday, November 4th, 2008

A Better Scrollable Component, Using jQuery

Category: jQuery

Nater Kane wrote in to share his experience creating one of those “scrollable” components: I was having a bit of difficulty finding a jQuery plugin that not only provided scrolling behavior to a list of elements, but also used & then generated markup that could still be accessible, semantic & validate whether or not the Read the rest…

Posted by Ben Galbraith at 8:00 am
7 Comments

++---
2.3 rating from 46 votes

Wednesday, October 15th, 2008

Using JavaScript to make things work

Category: JavaScript, jQuery

An interesting top 12 list has been published, on using Javascript to fix 12 common browser headaches: Setting Equal Heights (jQuery example: $(“#col1, #col2”).equalizeCols();) IE6 PNG Alpha Transperancy support Changing CSS Classes in JavaScript Browser selectors in CSS ($(‘html’).addClass($.browser);) min-/max- height & width support Center Elements Vertically / Horizontally Display Q tags in Internet Explorer Read the rest…

Posted by Dion Almaer at 5:31 am
1 Comment

++---
2.9 rating from 43 votes

Monday, October 13th, 2008

Ruby on jQuery and Closures

Category: jQuery, JSON

Sam Ruby has that way about him that sees things very clearly. He just took a peak at jQuery for the first time and was able to really put into words what I think jQuery enthusiasts like about the library: The notable thing about this is that despite all of the asynchronous events taking place, Read the rest…

Posted by Dion Almaer at 6:40 am
1 Comment

++---
2.3 rating from 32 votes

Thursday, October 9th, 2008

An Interesting Twist on a Pastebin

Category: JavaScript, jQuery

Pastebins have become an important part of sharing code with colleagues. Sites such as Pastebin & Pastie.org are extremely popular because they’re easy to use and very effective in letting people compare notes on source code, especially in a support setting. Remy Sharp wanted to take the pastebin concept a step further, past the static Read the rest…

Posted by Rey Bango at 10:52 am
5 Comments

+++--
3.7 rating from 24 votes

Wednesday, October 8th, 2008

Antisocial: 3D in Canvas with Sound

Category: Canvas, jQuery, Showcase

Gasman has created Antisocial, a very enjoyable demo of Canvas doing fake 3d and 2d along with that ZX Spectrum sound that you loved as a kid. Check out the tool to see where the magic happens, and make some music, Spectrum style! I feel like we have been light on showcases recently, so please Read the rest…

Posted by Dion Almaer at 5:42 pm
9 Comments

+++--
3.6 rating from 28 votes

Tuesday, September 30th, 2008

I like big…… targets

Category: jQuery

BigTarget.js is a new little jQuery plugin that makes bigger targets for users: Wrapping a single anchor around the whole content (title, thumbnail, summary) is a bad idea as it’s not standards compliant and renders the page invalid. So I turned to my good friend jQuery and threw together the following plugin using the ‘Learning Read the rest…

Posted by Dion Almaer at 7:59 am
6 Comments

++---
2.1 rating from 37 votes

Sunday, September 28th, 2008

jQuery finds its way into Microsoft and Nokia stacks

Category: .NET, Ajax, jQuery

Just as jQuery kicks off its first jQuery conference adjunct with The Ajax Experience in Boston tomorrow, it gets an energy boost from some big double-barrel news: Microsoft and jQuery Microsoft is looking to make jQuery part of their official development platform. Their JavaScript offering today includes the ASP.NET Ajax Framework and they’re looking to Read the rest…

Posted by Dion Almaer at 2:01 pm
18 Comments

++++-
4.2 rating from 148 votes

Friday, September 12th, 2008

blink at the marquee one more time

Category: JavaScript, jQuery

Remy Sharp gives us a blast form the past for the some Friday fun. First, he shows his Marquee plugin that gives you the marquee effect. Why would you do this when the marquee tag itself is widely adopted? Funnily enough, the marquee tag is pretty well supported amongst the browser, but the actual effect Read the rest…

Posted by Dion Almaer at 5:32 am
4 Comments

++---
2.6 rating from 49 votes

Friday, September 5th, 2008

jTPS: Animated Sortable Datagrid jQuery plugin

Category: jQuery

The data grid above is a jQuery plugin jTPS that creates a table you can sort and page through, using nice animations, all via a simple call out: < View plain text > javascript $(document).ready(function () { $(’#TABLETOCONTROL’).initTable( {perPages:[5,12,15,50,’ALL’]} ).controlTable(); });

Posted by Dion Almaer at 6:14 am
6 Comments

+++--
3.9 rating from 55 votes