Useful Javascript, jQuery, and AJAX Tutorials and Resources - MLC#1

Welcome to the first post of a series of articles I will be doing that will bestow on you an enormous collection of bookmarks that I’ve horded like a squirrel and his nuts. These blog posts are not going to be your typical lists. These are posts that I have collected over the past year, and they’ve all been bookmarked and tagged for later use. Any good web designer and developer should have a nice bookmark collection; it’s appropriately compared to batman’s utility belt. With Firefox’s bookmarking system that it introduced in Firefox 3, this has become very easy thanks to its tagging system. For example, need to find a quick tutorial on that cool jQuery accordion effect that you found a couple of months ago? Hit CTRL+B, type in jquery accordion and whammo, there is the bookmark you need. This is only my recommendation, so do what you will with these links.

Many of these links are bookmarks to articles that were list themselves, so they included many items. What’s special about this list on Joren Rapini’s blog, you ask? Well, I have graciously copied and pasted the Firefox tags that I use to identify each one of these pages in my bookmarks, so you can copy and paste them right into yours! This should save you a lot of time, and give you an enormous wealth of resources to boot.

Let me know if you spot a dead link, I have not checked some of these for a while! These links could involve anything that has something to do with Javascript, jQuery, AJAX, or Mootools.

10 AJAX Effects to Boost Your Website’s Fanciness Factor | ajax, coverflow, form, image flow, image magnifier, image menu, image tips, image zoom, javascript, model window, polaroid effect, shadow box, table sort, tool tips, website tour
60 More AJAX- and Javascript Solutions For Professional Coding | accordian, animated menu, carousel, custom checkbox, custom search field, customizable table, data input format, date picker, directory manager, file manager, file upload, framework, highlighted columns, image gallery, input format, instant messanger, javascript, lightview, lightwindow, photo gallery, popup bubble, product slider, progress bar, rating, rich text, search options, site tour, slider, star, starbox, style search, style table, text editor, ticker, tool tips, tooltips, upload, web application interface, website tour
10 Free Chart Scripts | chart, diagram, dynamic, graph, javascript, php, script
15 Resources To Get You Started With jQuery From Scratch | beginner, javascript, jquery, tutorial
75 (Really) Useful JavaScript Techniques | auto, bar, bubble, chart, complete, date, dialog, down, drill, gallery, graph, history, hyphenate, hyphenation, im, image, instant, javascript, lightview, list, mailing, maillist, messeging, messenger, modal, navigation, parallax, picker, pie, popup, range, site, slideshow, social, suggest, tabifier, tag, taggify, textbox autocomplete, tooltip, tour
10 Smart Javascript Techniques to Improve Your UI | auto, autotab, change, crop, form, highlighing, hover, image, javascript, jquery, login, magic, meter, opacity, password, strength, upload, zoom
20 Excellent AJAX Effects You Should Know | ajax, auto, auto-tab, client, complete, crop, directory, email, im, image, instant messenger, javascript, list, mail, mailing list, manager, sort, tab, table, upoad
50 Excellent AJAX Tutorials | ajax, auto, autocomplete, autosuggest, availability, box, calendar, chat, dynamic, google, javascript, pagination, poll, populate, rss, select, shopping cart, table, ticker, username
45+ New jQuery Techniques For Good User Experience | animation, auto, box, button, chart, check, coda, column, complete, content, crop, cycle, date, down, drill, drop, editor, fade, fading, fancybox, file, form, gallery, google, graph, image, ipod, javascript, jquery, link, login, menu, move, navigation, out, outbound, panel, photo, pie, png, pop, radio, range, row, scroll, scrollable, slide, slider, sliding, sort, sorter, table, tables, transparent, update, upload, zoom
14 Slide Scripts & 20+ Cool Slide Effect Web Designs | carousel gallery, coda, design, effect, jquery, login, page, scroll, slide, slides, tab, web
50 Useful JavaScript Tools | accordian, authoring, debug, debugging, drag, drop, expression, javascript, jquery, regular, security, test, tool, ui, validation
70 New, Useful AJAX And JavaScript Techniques | ajax, alert, animated, auto, background, box, calendar, change, complete, crop, cropping, date, delete, drop, fade, fader, fancy, form, full, image, in, javascript, lightbox, menu, navigation, opacity, out, page, picker, pop, preview, record, screen, scroll, sexy, slider, sort, star, tab, table, timeline, tip, tool, zoom
11 Ways to Enhance a User Interface with MooTools | animation, auto, caption, chart, flash, form, forms, hide, horizontal, images, in, javascript, jazz, link, mootools, navigation, roll, show, slider, timeline, toggle, up, upload, weekly
10 Best jQuery Plugins | box, boxy, chart, dialog, file, graph, grid, image, interactive, jquery, line, overlay, plugin, swap, switch, table, tip, tool, tooltip, transition, upload
10 Best jQuery Datepickers Plugins | calendar, date, javascript, jquery, pick, picker
10 Creative & Rich UI & How to Create Them | accordion, animated, auto, auto-complete, box, breadcrumb, complete, custom, draggable, footer, form, menu, slide, slider, slideshow, sliding, tab
50 Excellent Image Galleries You Can Use Today | collection, gallery, image
25 Scripts for Dropdown Navigation Menus | down, drop, dropdown, menu, navigation, rollover, script
JonDesign’s (Javascript) SmoothGallery 2.0: Improved Mootools Mojo for Images | image gallery, javascript
Learning MooTools: MooTools Tutorials and Examples | javascript, mootools, navigation, slider
Using jQuery for Background Image Animations | animation, mouse, navigation, over, transition
FancyUpload - Swiff meets Ajax | ajax, upload
How to Create a Mashup by Combining 3 Different APIs | api, beer, google, javascript, location, map, maps, mashup
Creating a Slide-In jQuery Contact Form | contact, form, in, javascript, jquery, slide
Woork: Useful resources and tutorials for developing stunning web sites | box, cycle, fancybox, feed, gallery, javascript, jquery, menu, modal, quicktime, slideshow, timetable
jQuery & CSS Tooltip Example | jquery, tooltip
How to Add Auto Complete to Your Google Custom Search Engine | auto, complete, google, search
Kroppr - an online image cropping tool for your website | crop, cropper, cropping, image, photo, tool
How to Mimic the iGoogle Interface | draggable, igoogle, windows
DD_belatedPNG: better PNG background-image support in IE6 | background, ie6, png, transparent
ModalBox | box, contact, darken, form, lightbox, message, modalbox, popup, window
Date Range Picker using jQuery UI 1.6 and jQuery UI CSS Framework | calendar, date, jquery, picker, range
How to Make a Smooth Animated Menu with jQuery | animation, dropdown, jquery, menu, navigation, rolldown
jQuery Feed Menus | atom, box, dropdown, feed, feeds, jquery, rss
jQuery Sequential List | comment, jquery, list, ordered, sequence
Easy Display Switch with CSS and jQuery | change, css, display, jquery, layout, swap, switch, view
MooGenda: a complete javascript json calendar based on MooTools (drag event, month / day / week views, morphing list and other services) | calendar, event, javascript, memo, schedule
ie7-js - Google Code | behave, ie, ie6, ie7, ie8, internet explorer, javascript, upgrade
jQuery Scroll to Top Control | jquery, page, scroll, to, top