Frontend web developers have been paving a path for clearer standards. Over the years web browsers have slowly been conditioning themselves to render webpages in this fashion. And now with the release of an HTML5 standard, things are moving faster than ever. It’s no surprise that jQuery has taken a jump into the spotlight as the premier animations/effects library.
We are all aware just how powerful jQuery can be. User experience is always #1 on my web design checklist, and should be on yours as well. That’s why I’ve gathered a collection of 22 awesome tutorials building with jQuery UI. If you have questions or similar tutorials, please offer your comments in the discussion area below.
jQuery for Absolute Beginners Video Series
Quick Tip: Learning jQuery 1.4 $.proxy
Supersized 3.1 jQuery Plugin
jQuery Cheat Sheet
Developing a Digg-Style Input Form With CSS3 and jQuery
How to Load In and Animate Content with jQuery
Simple jQuery 3-Tier Dropdown Menu
Reading & Editing HTML Attributes in jQuery
Building a jQuery Powered Tag Cloud
s3Slider jQuery Plugin
An Introduction to jQuery Templating
Integrating PHP and jQuery: New Premium Tutorial
Jquery Fade In, Fade Out Effect
Create Portfolio Website With CSS/jQuery
Create an Apple Style Menu and Improve it via jQuery
Animated Skills Diagram with Raphael
Better Check Boxes with jQuery and CSS
Converting jQuery Code to a Plugin
Simple jQuery/CSS3 Modal Box
Simple jQuery Flickr Style Tooltip Menu
jQuery Detect Mouse Click Event
Inline Modal Window w/ CSS and jQuery
Author: Jake Rocheleau
Jake is a creative designer, illustrator, and web developer. He frequently writes articles involving new-age design concepts and freelance management skills. You can find him in Google or follow his tweets @jakerocheleau
Bill says
August 10, 2011 at 1:26 amVery nice collection. There are a lot of good techniques here. Thanks for putting this together.