Check out my NEW training website for front-end web developers, FrontendMasters.com

Interesting jQuery Links

March 21, 2010

A fairly random trail of interesting jQuery bookmarks.

jqFancyTransitions slideshow – fancy effect

“jQuery 1.4 API Cheat Sheet ":http://www.futurecolors.ru/jquery/- nice cheat sheet

jQuery Grid Layouts – haven’t used this, but I think it is cool.

jQuery Hot Keys – might need to target key combos with JavaScript?

File Style Plugin – for styling those pesky file upload elements

Flot Charts – pure JavaScript charting library that will work on iPhone – check out "google’s charts ":http://code.google.com/apis/charttools/too.

Fun with Easing – interesting demo of easing equations / animations.

Fancy Box – I love the elastic effect on this plugin.

ColorBox – robust light box.

jQuery Curvy Corners – use this or dd_roundies to get jQuery UI rounded corners working in IE6

Mark It Up – one of my favorite WYSWYG editors on jQuery, I also love WYMEDITOR

jQuery Sparklines – itty bitty charting committee

jQuery Feed Menu – useful for allowing people to access multiple feeds

Cross Slide – check out the Ken Burns effect in JavaScript.

Flip – for flipping elements like the OSX dashboard widgets effect

jQuery and Google Maps – 2009’s most popular tutorial on this website, I spent over 20 hours on this one

File Upload – multiple file upload with jQuery.

Upload Progress Bar – interesting way to make file upload progress bars without flash.

Upload and Crop

Data Visualization – libraries that are interesting for displaying data

“jQuery and QUnit ":http://www.swift-lizard.com/2009/11/24/test-driven-development-with-jquery-qunit/- tutorial for getting started with testing with QUnit

“Interactive Selector Tester ":http://www.woods.iki.fi/interactive-jquery-tester.html- demo selectors on the fly.. and another live selector demo.

Like this article? You'll like my NEW training website for front-end web developers!

Video workshops on jQuery, JavaScript, HTML5, web performance and more.
Upgrade your front-end developer skills!

7 comments

#1. Joscha Krug on March 21, 2010

As ever: Thanks for the great hints, tutorials and all the stuff! Your GoogleMaps-tutorial was the most helpfull one in 2009!

Cheers Joscha

#2. wespai on March 21, 2010

nice collect some to http://ajax.wespai.com

#3. Atulkash on March 23, 2010

Thanks for taking the time out for collecting these awesome tuts

#4. Web Design Chicago on March 27, 2010

This is my first time here in your site and in the short time I’m here, I’m fascinated of your great tutorials. I have bookmark your site because I now I can learn a lot from here.

#5. Web Design Chicago on March 27, 2010

This is my first time here in your site and in the short time I’m here, I’m fascinated of your great tutorials. I have bookmark your site because I now I can learn a lot from here.

#6. Wai Phyo Han on April 20, 2010

It’s very useful for me! Thanks!

#7. kevin on April 27, 2010

Very useful tips and tricks. The jQuery API cheat sheet is a perfect resource!

Leave a comment

Comment in textile images by gravatar