21 jQuery tips, tutorials, techniques & resources
Create a Slick iPhone/Mobile Interface from any RSS Feed
"We are going to create a web page that is formatted specifically for the iPhone (but would presumably be good for other mobile devices as well). This web page will dynamically fill itself with content from any RSS feed that you give it."
Useful jQuery: a Compilation of jQuery Utilities
"Here is a hand-picked list of useful jQuery scripts and utilities, created to make your web development easier. You won’t find any fancy slides or animations in here, instead I have compiled a list of the best, most well-written and useful jQuery components on the web that I would use myself."
Create a Slick Tabbed Content Area using CSS & jQuery
"Today we're going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we'll achieve the same thing using the jQuery library."
How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery
"As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I've always liked the way the menu on MooTools worked. So in this tutorial we'll recreate that same effect ... but we'll do it in jQuery!"
Create a Cool Animated Navigation with CSS and jQuery
"Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. Today we're going to build a really cool animated navigation menu using just CSS and jQuery."
Learning jQuery: Revealing Photo Slider
"So in my journey to to learn jQuery, I’m trying to learn to do some things that CSS can already do but that jQuery can do “sexier”. My first thought was a thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo."
Learning jQuery: Fading Menu - Replacing Content
"The more I learn about jQuery, the more natural it feels. Probably because of how closely tied to CSS it is. From a design perspective, the syntax for jQuery is: 'When I do this, make the CSS do this.'"
jQuery File Tree
"jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code."
8 Fantastic jQuery Tutorials for Designers
65 Excellent jQuery Resources
"Below, there are 65 Excellent jQuery Resources (tutorials,cheat sheets,ebooks,demos,plugins...). Hope they help."
CSS SiteMap
"Recently I needed to crank out a visual sitemap (or is it a directory tree?) from a rather large site and had a devil of a time finding decent tools to help. Everything I found in my search was either too costly, too complicated, or too unattractive for my purposes. Why not roll my own sitemap diagram in HTML and CSS?"
markItUp!
"markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented."
Flexigrid for jQuery
"Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content."
Creating a fading header
"Since I’ve gotten lots of emails asking me how I created the fading header graphic for Bits and Pixels I’m going to write a tutorial explaining how created the effect. I’ll be creating the effect using some basic XHTML and CSS and some unobtrusive Javascript, using the jQuery library, for the effect itself."
List of Ajax form Validators
"Inputing correct data into any web application or website is very important. There is two different ways to validate forms by either Server-side or Client-side. The list below is Client-Side Ajax Form Validator."
Ajax Forms with jQuery
"There are so many different javascript frameworks out there, but I have recently started to use jQuery, and I love it. Not only is the library much smaller than others, but it is so simple to use. I wanted to show how easy it is to turn a regular form into a AJAX form."
CSS Selectors & jQuery
"This article provides an opportunity to dive deeper into markup and even a little scripting with the intent of educating the less experienced designer/coder, while furthering the knowledge of more experienced readers in the audience."
jQuery Crash Course
"For those who’d like to learn more about jQuery, one of the more popular libraries, here’s a crash course written with code-savvy web designers in mind."
50+ Amazing Jquery Examples
"Below I have provided a list of the 50 favorite plugins many developers use. Some of these you may have already seen, others might be new to you."
45+ Fresh Out of the oven jQuery Plugins
"Today, we are going to introduce 45+ more jquery plugins that were recently created, so you don’t have to do the search as we did it and will continue to do it to build a useful library of jquery plugins and solutions."
jQuery Tutorials for Designers
"This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery."