My Little List of Jquery Tips, Tricks and Resources
Posted on 05. Feb, 2009 by Cam in Tech
During the last week, I’ve been pretty stuck into twitter and have come across a bunch of handy resources, especially where jQuery is concerned, so when Vince asked me to write up a little article, I thought I’d go through all the resources I’ve tweeted or retweeted the last few days, and get things all sorted into a cohesive group, that hopefully you people would be able to find useful.
So, let’s get started!
I thought it’d be nice to kick it off with an interview with John Resig, the creator of the jQuery Javascript Library.
As well known as jQuery is, I’m sure there are many of you who, like me, are still getting our feet wet and so I thought the logical place to start would be with something for the noobee :
Getting Into It..
- A Comprehensive Introduction to jQuery
- jQuery for Absolute Beginners: The Complete Series
- jQuery Series Part 1:- Basics & Introduction
- jQuery Tutorials for Designers
jQuery does such a great job of making things easy and less complicated, and especially for us ‘front-end’ developers, the css-similarities make it even easier. I’ve tried to break the rest of the links and resources up into bits that would make logical sense, so without further ado, here’s the rest of ‘em! Tuck in guys! 
Animation
- Animate text with jQuery easing
- 13 Excellent jQuery Animation Techniques
- Fade an element with jQuery Fade-in/Fade-out
Sliders, Lightboxes & Galleries
jQuery Galleries / Sites with excellent jQuery
- List of 8 Sites with Excellent jQuery Navigation
- A great gallery of sites using jQuery in various ways
Great jQuery Lists
- 45 New jQuery Techniques for a Good User Experience
- 25 Excellent tips to Improve your jQuery
- 37 Phenomenal jQuery plugins & Demos for Developers
- 30 Useful Amazing Tutorials displaying the Power of WordPress & jQuery
- Best of jQuery Tutorials
- The 20 Most Practical & Creative uses of jQuery
Social Networking with jQuery
- Tweet. A jQuery twitter plugin for your website
- 3 jQuery Twitter plugins for adding tweets to your website
- Place FriendFeed on your website with a bit of jQuery
jQuery Plugins
A great little article on why you should create a jQuery Plugin, with a nice few resources at the end as well.
- Image Tooltip Preview: Displays a preview of the image to link to in a ‘tool-tip’-like hover
- Emenu creates a fixed-width, fixed-height drop down menu contained within a header image
- Columnizer jQuery Plug-in
- jQuery Listnav Plug-in
- Linkslider Plug-in
- 10 Most interesting and useful jQuery plugins (January 2009)
- Jcrop – Crop an image with jQuery
- Easy-Slider: 15 of the easiest jQuery plug-in for sliding
- Easy Display Tips with this jQuery plug-in
- jQuery Flexi-grid Plug-in/
- Galleria Plug-in: Great Gallery Plugin with jQuery
- jQuery Imageslide Plug-in
- The Definitive Guide to Creating a Practical jQuery Plug-in
jQuery U.I.
- jQuery UI: Discussion list at Google Groups
- Styling Buttons & Toolbars with the jQuery UI CSS Framework
- Understanding the jQuery UI
jQuery 1.3
- Nice article on jQuery 1.3
- Working with jQuery 1.3′s New Event Object
- Everything you need to know about jQuery 1.3
jQueryForms
- How to validate forms using jQuery & PHP
- Top 10 jQuery Plugins for Form Usability
- jQuery plug-in to give the user a list of OpenID options
- Client-side Validation for the new Symfony forms with jQuery
- Changing form input styles “onfocus” with jQuery
Ajax and jQuery
- SCREENCAST: simple jQuery Spy Effect (part 1)
- SCREENCAST: Ajax Spy Effect (part 2)
- jQuery/Ajax fun: Implementing paging
- Refreshing an element at a set time interval using jQuery & a sprinkling of Ajax
Cheat Sheet for jQuery
- Cheat sheet for jQuery 1.3
- jQuery cheat sheet
- (and for good measure…) a Regular Expressions Cheatsheet
Tips, Tricks & Code Snippets
Menus/Navigation with jQuery
UI Tricks & Tips
- Targeting External Links Intelligently
- jQuery Tip: Quick & Easy Font Resizing
- Build a Tabbed Box with CSS & jQuery
- An Advanced jQuery Tabbed Box Technique
- Using unobtrusive jQuery to add UI Extras On-demand
- Acting on specific key events
- jQuery Hotkey Testing page
- Retrieving HTML Fragments
- Do availability check with this jQuery plug in (similar to Twitter’s)
Miscellaneous
- jQuery Feed Menus
- Caching in jQuery
- How to create a colorful sitemap with jQuery
- Rapid Interactive Prototyping
- Transmitting Data Using JSON & jQuery
- Building a jQuery powered tag-cloud
- API filter-find
- Creating an upload progress bar with jQuery and PHP
- CSS Browser Detection using jQuery (instead of hacks)
- Using jQuery inside your Firefox Extension
Flash & Other Multi-media
- Using jQuery vs Flash for an interactive map
- SwfObject
- Create a amazing Music Player using Mouse Gestures Hotkeys in jQuery
- sIFR with jQuery
jQuery & .Net
- Building a JQuery Powered Tag Cloud With An ASP.NET MVC Backend
- Select ASP.NET server controls easily with jQuery
jquery & Shopping Carts
- Creating a Shopping Cart UI Using JQuery in an Hour
- JQuery Shopping Cart Functionality In Less Time & Code
And that about sums it up…
Thank you for taking the time to go through these jQuery links and resources! I hope you have found them handy and helpful! If you have any more you’d like to share please feel free to do so in the comments!
If you’d like, please follow me on twitter @cameronolivier!
Till later, friends.
No related posts.
Start the conversation on Facebook
21 Responses to “My Little List of Jquery Tips, Tricks and Resources”
Leave a Reply
Popular Posts
- Smirnoff Experience 2010 brings DJ Tiesto to Johannesburg: It’s been to New York, Moscow, Paris and London, and 319 comment(s) | 40950 view(s) | by
- DJ Tiesto is not dead.: Unless Dj Tiesto, rumoured to have been killed in a car 4 comment(s) | 4322 view(s) | by
- An Interview with Jack Parow : Jack Parow truly is original, he is in fact the "o 28 comment(s) | 23853 view(s) | by
- Win 2 tickets to see Basement Jaxx in Johannesburg: On the 4th of September Basement Jaxx will be perfo 36 comment(s) | 1722 view(s) | by
- Nokia 5800 XpressMusic review: "With the Nokia 5800 XpressMusic, we set out to con 2 comment(s) | 22864 view(s) | by
Our Sponsors
This is seriously incredible – there’s so much brain food here! I’ve been trying to see what I can come up with on wordpress utilizing java based plugins; the best implementation of which was one of your suggestions. Check out the moralfibre archive to see proof of the pudding : moralfibre.co.za/archive
Thanks again for this; it really rocks.
Nice work Cam! This is seriously a great resource! Man, you do know your schtuff! Looking forward to the next one!!
You rock!!
Thanks for the mention Cameron. This is a really good list – I’ll be referring to it quite regularly, I think.
Double thumbs up for the excellent work
Hey Rich!
Thanks
glad you like it, buddy! catch you on twitterspace..
Great job. Thanks for the link back to my blog glad you found that useful.
Wow! I am truly honored that you mentioned 3 of my articles in your list here (NETTUTS and Dev-Tips), thank you very much for the mention and excellent list of resources!
Thanks, this is a great resource. Here is one more link for the .NET people: How to use JavaScript libraries like jQuery or Prototype with AJAX.NET
Salute to you, Cam. I’ve currently studying the usage of Jquery and implementing it into my client web sites. Your post here will be my major reference for Jquery. I prefer short cuts rather than going into the lengthy explanations.
Hy Cameron, you already listed one of my articles “Best of jQuery Tutorials” at your category Great jQuery Lists (thx for adding). Perheps you are interested in Part 2 and Part 3, too. They include very intersting nice Plugins and Tutorials.
Greetings from Berlin, Germany!
Thanks!
was fun to put together.
Thank you for the invite to post something in the first place. It’s very much appreciated.
Cam
Pleasure! Thank you for the article
I hope you find this handy – I’ll be reffering to it a lot, myself, I think!
Thank you.
Hey Ralph,
Always a pleasure. Thanks for the great content!
We’ll try one more time with the link:
How to use JavaScript libraries like jQuery or Prototype with AJAX.NET
Awesome thanks for the link! Much appreciated.
Hi!
I’m really glad this has been able to help!
I’m more of a short-cuts kind of guy myself
cam