“The Complete Guide” for jQuery Developer- Reblog

Have you ever had to develop something yourself only to find out that there had already been a plugin developed?

Don’t you enjoy dreaming about what you could have on your site and finding the right plugin right away?

Then you should find this list of jQuery resources useful to do whatever you want and become a better jQuery developer. In this guide you will find the following materials:

• Getting Started: introductions to jQuery from a very basic level
• Tutorials: learn how to do simple and advanced things to your websites
• Most Useful Plugins: use existing solutions to your problems with UI, images, forms, etc
• Lists: mine other lists for overlooked items
• For Designers: find just what a designer needs from jQuery
• Cheatsheets: download jQuery cheatsheets to code easily
• Blogs: subscribe to people, writing about jQuery
• Books: read the books to become a jQuery guru
• Notable Links: check out interesting links about jQuery

Getting Started

If you are new to jQuery, you should be able to grasp the basics from these excellent introductions:

1. How jQuery WorksA basic introduction to jQuery from jQuery.com.
2. Getting Started with jQueryThe tutorial on getting started with jQuery from jQuery.com.
3. Introduction to jQuery UIA brief introduction to the UI of jQuery 1.5.
4. 15 Resources To Get You Started With jQuery From ScratchEssential resources to get started with jQuery.
5. jQuery Crash CourseA quick to action introduction to jQuery for experienced web developers.
6. New Screencast: Intro to jQueryA screencast that can introduce you to jQuery.
7. Learning jQuery in 30 minutesA slideshow that lets you learn jQuery in 30 minutes (at Slideshare).
8. jQuery in 15 MinutesA slideshow, to introduce you to jQuery in 15 minutes at Slideshare.
9. jQuery For Absolute BeginnersA screencast for absolute beginners in jQuery.
10. Introducing jQuery: Javascript LibraryA detailed introduction to jQuery with how to examples.
11. jQuery From Scratch: A Beginner’s GuideAn introductory guide for real beginners (part 1)
12. jQuery From Scratch: FunctionsThe tutorial explains how to write and execute functions (part 2 of the previous one).

jQuery Tutorials: How to Do Stuff

Learn how to put your web dreams into reality with jQuery.

13. Using jQuery with Other LibrariesLearn how to use jQuery with other libraries without conflicts.
14. How to tell if jQuery is out of dateA brief hack that let’s you instantly see, whether your jQuery is out of date in Firefox with Firebug.
15. Building Your First jQuery PluginA plain simple guide to building your own first jQuery plugin.
16. Submit A Form Without Page Refresh using jQueryAn excellent tutorial on submitting a form without a page refresh with jQuery (the actual email is sent with a php script that processes in the background).
17. Adding Form Validation to WordPress Comments using jQueryA very detailed guide on adding form validation to WordPress comments.
18. Create a Tabbed Interface using jQueryA very detailed tutorial on creating neat tabs with jQuery (example)
19. Developing an Accessible Slider with jQueryBuilding accessible pages can be a pain, so it is useful (both to your visitors and you) to know how to build an accessible slider.
20. Learning jQuery: Revealing Photo SliderA useful showcase of using jQuery to display a larger photo on a click.
21. Deep Profiling of jQuery AppsGet a plugin to see what your jQuery code does and how performance breaks down method by method.
22. MaxSide: jQuery Plugin (and How-To)A tutorial to create a plugin to resize an image according to the value you set to its largest size.
23. Learning jQuery: Revealing Photo SliderA demo with jQuery code to show more of an image on click.
24. Auto-populating Select Boxes using jQuery & AJAXLearn how to select a category and autopopulate subcategories with jQuery.
25. Easy Fading Using jQueryShow only images of a ceratin selected type with fading.
26. jQuery Content Slider TutorialA simple explanation of building a content slider.
27. Flashing Alert Message Box using JQueryShow a sliding and animated alert message.
28. Building better web forms: Context highlighting using jQueryHighlight the current form field with jQuery.
29. Using jQuery to Save Form DetailsSave form details to make your forms more friendly to your visitors (and increase sign-ups).
30. jQuery: Animation for DummiesLearn a simple and an advanced ways of creating animation with jQuery.
31. Live Examples of jQuerySee live examples of jQuery and their code immediately.
32. Text Resizing With jQueryA simple guide on allowing your visitors to increase or decrease font size on web pages.
33. How to build search into your site with JQuery and Yahoo!Build your site search with jQuery and Yahoo.
34. Color Palette Generator with jQuerySee what colors the page has with a single mouse click. Learn how.

Tutorials from 15 Days of jQuery

35. Quicker Than Window.Onload()Load your Javascript before every element of the page is loaded.
36. Table Striping Made EasyA tutorial on how to create stripes in your tables for mouseover.
37. Affiliate Link LovelinessHow to hide affiliate links with jQuery easily.
38. Safer Mailto LinksEnjoy using mailto links without spamming.
39. Wrap It Up: Lazy Man’s HTML Generation with jQueryInstead of using div containers yourself, do it with jQuery.
40. Safer Contact Forms Without CAPTCHA’sUse a hidden field in a form and don’t annoy your visitors with CAPTCHA.
41. Stylesheet SwitcherooAn easy way to switch stylesheets with jQuery.
42. Rounded Corners with Javascript (jQuery)Two eays to create rounded corners with jQuery: with and without images.
43. Quick and Dirty AJAX with jQueryThe video discusses more complex aspects of using jQuery and AJAX.
44. Edit In Place with AJAX Using jQuery Javascript LibraryEdit a page without refreshing it.
45. Multiple File Upload Magic With Unobtrusive JavascriptTwo ways to upload multiple files: one general code, another accessible unobtrusive jQuery code.
46. jQuery LightboxDisplay images in a thickbox.
47. Accessible Unobtrusive Javascript TabsAccessible Javascript tabs with a tool to create XHTML.
48. Javascript Tooltips on SteroidsVery detailed tooltips with Javascript.

jQuery Tutorials from Detached Designs

Jeffrey has written and put together quite a number of tutorials on jQuery, they are worth checking out.

49. Five jQuery Questions and AnswersLearn answers to the following questions:
    • How Can I Target All Links That Contain An Attribute With A Specific Value?
    • What Is The Difference Between Using The “*”, “$”, and “^” symbol in my jQuery select statements?
    • How Can I Style Alternating Rows In My Table Or List?
    • How Can I Hide and Show A Form?
    • Where Can I Learn More About jQuery
50. 5 More jQuery Questions…And AnswersLearn answers and get instructions on 4 more questions:
    • How Can I Increase and Decrease The Text With jQuery?
    • How Can I Zoom An Image When It Is Clicked?
    • How Can I create A “Read More” Link That Will Instantly Expand To Show The User Additional Text When Clicked?
    • How Can I Shift An Image A Specific Number Of Pixels Every Time It Is Clicked?
51. Learning About The Animation Abilities Of jQueryA complete guide to animation with jQuery.
52. Load Data From Other Pages With jQueryA simple how to on using data from other pages.
53. Advanced Image Enlargement With jQueryAn advanced tutorial on showing large images from a page with a thumbnail.
54. How To Load Data From A Text FileSee how to get the data from a .txt file.
55. How Can I Vertically Center An Element?A video tutorial on centering an element vertically.
56. How Can I Track The Position Of The User’s Mouse With jQuery?An example of dead simple code to track mouse movement with jQuery.
57. Select Anything With jQueryLearn how to select anything with jQuery from this video tutorial.
58. CSS Developer – Why Aren’t You Using JQuery?An introductory tutorial for CSS designers, showing how to easily create a fade in div and rounded corners in 60 seconds.
59. Why Aren’t You Using jQuery: PART 2A tutorial showing how to create a CSS menu with jQuery (with a follow up on bug fixes for it).
60. Why Aren’t You Using jQuery: PART 3A tutorial, showing how to create a pretty neat Flash-like image gallery.
61. Dynamically Switch Layouts Using jQueryBringing up the memories of CSS style switchers, this tutorial will teach you how to change page layouts on the fly, depending on whatever you consider important (amount of columns, window size, etc).

Tutorials for jQuery and ASP.NET

If you are an ASP.NET developer, then you’ll get these jQuery how tos.

62. Using jQuery to directly call ASP.NET AJAX page methodsUse jQuery to call a page method without using the ScriptManager (get the full code from this tutorial, though).
63. Getting jQuery Goodness into ASP.NET AJAXIf you don’t want to switch to or use jQuery at ASP.NET, consider this tutorial on doing the same with ASP.NET AJAX.
64. Getting jQuery Goodness into ASP.NET AJAX – Take IIA second tutorial on getting jQuery from ASP.NET AJAX.
65. Use jQuery and ASP.NET AJAX to build a client side RepeaterA how to on using several steps to leaving processing to the client, while only sending the data.
66. jQuery (using Galleria) with the File SystemHow to create an image gallery with ASP.NET 3.5 and jQuery.
67. Dynamically create ASP.NET user control using JQuery and JSON enabled Ajax Web ServiceA detailed tutorial on creating ASP.NET user control using jQuery (based on an ASP.NET AJAX tutorial)

Most Useful jQuery Plugins

You might find these hand-picked jQuery plugins to create inspirational websites.

68. jQchart: jQuery PluginA simple draggable AJAX chart with jQuery on Canvas
69. jQuery Ajax ManagerManage AJAX requests with jQuery.
70. jSmile – jQuery PluginShow smilies in a document.
71. jQuery calculate pluginCalculate total values from any HTML elements.
72. Gradient : jQuery PluginCreate a gradient with jQuery.
73. jQuery.AccessibleShows which elements are inaccessible and why.
74. TableEditorEdit tables from the page without diving into HTML.
75. jQuery Media PluginA plugin to embed all kinds of media in your site.
76. Style Author Comments Differently with jQueryHighlight your blog comments in comments to make them more noticeable.
77. Round Corners PluginCreate rounded and other types of corners without images.
    
78. JQuery Curvy CornersAnti-aliased round corners.
79. Tooltip PluginAn extensive tooltips plugin for jQuery (have text, images as tooltips)
80. jQuery Popup BubblesCute tooltip bubbles with jQuery.
81. Lavalamp jQuery pluginBrilliant visual effects with a dash of jQuery with with alternative Lavalamp examples.
    
82. jQuery Color PickerEasily pick colors with jQuery.
83. Farbtastic: jQuery color picker plug-inAnother color picker plugin for jQuery.
84. Numeric DLs jQuery PluginEver had a problem of numbering definition lists? Solve it with this plugin (as you might’ve noticed, I decided to go with <ol>, though)
85. jQuery external link favicons pluginDisplay favicons of sites you link to near the links.
86. jQuery SpySee what is happening on your site with exact timestamps.
87. LazyloadLoad images, when the visitor scrolls to them (opposite to preloading).
88. jGrowlA jQuery plugin providing similar messaging as Growl in OS X.

UI with jQuery

89. jQuery UI (examples, docs)Create any kind of user interaction and other elements.
90. BlockUI PluginSimulate synchronous ajax by blocking – not locking – the UI.
91. jQuery SparklinesA plugin to create small inline charts (sparklines) from data input.
92. jSocialize -bookmark widgetShow many social bookmarking buttons with jQuery.
93. prettyComments, a solution to comment boxesExpand the size of your comments as necessary (works in most major browsers).
94. NyroModal :: jQuery PluginShow a gallery, image, data in a modal page without refreshing the entire page with this customizable plugin.
95. Flexigrid for jQueryA lightweight, but extensive data grid with columns and scrolling.
96. IngridTransform a table into a datagrid with column resizing, paging, sorting, row and column styling, etc.
97. TablesorterA neat table layout with sorting, using jQuery, with lots of customization.
98. Creating accessible charts using canvas and jQueryCreate accessible charts with jQuery.
99. Damn Small Rich Text EditorCreate a rich text editor with jQuery.
100. jWYSIWYGA simple WYSIWYG text editor on jQuery.
101. UI DatepickerAn easy calendar-like interface for picking a date.
102. jTabberClick on tabs, see different content without reloading the page.
103. jQuery Accordion MenuA jQuery accordion site menu plugin.
104. Zebra jQuery pluginColor odd and even rows with different colors and highlight a row on hover.
105. Mark-It-UpTurn any textarea into a markup editor: HTML, Wiki Syntax, BBcode: you name it (examples).
106. Superfish (examples)Suckerfish nav menu improved with jQuery.
107. jQuery Live Ajax Search Plug-in (example)Create a search button that shows results once you start typing.
108. jRailsGet the same UI effects with jRails: a jQuery replacement for Prototype/script.alicio.us on Rails.

Lightbox

109. LightboxAn easy to use an unobtrusive script to overlay an image or a gallery over a page without refreshing it.
110. FaceboxA Facebook like window to display images, divs or entire pages.
111. LyteboxA mod to the original Lightbox, featuring a slideshow and performance improvements, support for themes and HTML content.
112. LightWindow (examples)Embed and create galleries from anything: images, movies, Flash, websites, etc.
     

     Handle Images with jQuery Plugins

113. jQuery CropCrop images to the specified height and width sizes.
114. jQuery image upload and cropUpload images and crop them with jQuery.
115. jQuery Image Zoom Plug-in (example)Zoom into images with about 90 lines of code (example).
116. jQZoomZoom in the images without losing sight of the rest and without opening a new page.
     

     Create Image Galleries with jQuery Plugins

117. jQuery 3D Image CarouselThis time, a 3D image gallery with jQuery.
118. A Space Gallery jQuery PluginA plugin to create a space-like image gallery.
119. jQuery Slider GalleryShow your products in a slider, similar to that on the Apple website.
120. Step Carousel ViewerA gallery where you scroll images from side to side by clicking on a button/link that scrolls the gallery by one or several images or gets you to the first one.
121. Image StripShow an image gallery in a peculiar interface.
122. jCarouselA cute, customizable image carousel with jQuery.
     

     Improve Web Forms with jQuery Plugins

123. Auto-populate multiple select boxesA plugin to autopopulate select boxes.
124. prettyCheckboxesCreate pretty checkboxes for your forms.
125. Justify elements using jQueryA simple way to justify elements in web forms with jQuery.
126. jQuery Form Input PluginEnter disappearing sample text into any form field with jQuery.
127. jQuery-AutotabAuto tab to a next field upon filling the current one.
128. jQuery-Context highlightingHighlight active fields in web forms with jQuery.
129. Simple Chained Combobox Plugin for jQueryCreate a web form with dependable select fields easily with jQuery.
130. Autosuggest search engineSuggest form field values the Facebook way.
131. jNiceA plugin to make your form look nice.
132. Live form-validation jQuery plug-inValidate forms with jQuery on the fly.
133. AlphanumericFilter the data site visitors put in form fields.
134. labelOverDisplay the form label inside the form field until the visitor starts filling it.
135. AutosaveSolve your visitors’ problems by saving the data from their fields.
136. Ajax Username Check – Using JQuery!Check, whether a username is available, with jQuery.
     

     jQuery Lists

137. Tutorials at jQuery.comA list of tutorials at the jQuery.com website.
138. 15 Resources to Get You Started with jQuery from ScratchA list of sites you can learn jQuery to get started.
139. 50+ Amazing jQuery Examples- Part1A great list of examples on the use of jQuery.
140. 37 More Shocking jQuery PluginsA list of 37 more plugins you can use.
141. 45 Fresh out of the Oven jQuery PluginsAs if you don’t have enough jQuery plugins, you can get 45 more from this list.
142. jQuery Plugins at jQuery.comA huge database of plugins at jQuery project.
143. The Ultimate jQuery Plugin ListA list (of about 100) jQuery plugins for all situations: file upload, forms, time/date pickers, search, rating, inline edit, photo, media, tables, etc.
144. AJAX Rain jQuery Directory320+ jQuery plugins for all occasions in a plugin directory (along with other goodies).

jQuery for Designers

If you are the design person, feel free to check these jQuery links.

145. jQuery For DesignersAn introduction of jQuery to web designers with how tos on doing simple things.
146. jQuery for DesignersA blog, dedicated to showing designers “how easy it is to apply web interaction with jQuery”.
147. jQuery Tutorials for Designers10 basic visual tutorials for jQuery.
148. 8 Fantastic jQuery Tutorials for Designers8 more tutorials for achieving visual bliss with jQuery.

jQuery Cheatsheets

149. A jQuery 1.2 CheatsheetA cheatsheet for jQuery 1.2 that comes in PDF (PDF).
150. jQuery CheatsheetA cheatsheet for iPhone, iPod and in .png.
151. jQuery SelectorsA cheatsheet for jQuery from Dzone.
152. Visual jQueryA visual jQuery 1.2 cheatsheet: consult the detailed descriptions of functions on one page. Thanks to Stanley from Hacker News for reminding me about it.
153. jQuery APIOnline reference for jQuery.

Blogs

154. The Official jQuery BlogThe official blog of jQuery to stay up to date with the news, updates and the like.
155. Learning jQueryRead this blog and get to know the library of choice for unobtrusive JavaScript (yes, jQuery).
156. jQuery at Detached DesignsWeekly useful tips on developing with jQuery.
157. jQuery for DesignersA blog, covering easy web interaction with jQuery.
158. Karl Swedberg’s Amazon BlogA blog by one of the “Learning jQuery” authors on Amazon.

Books

159. jQuery in ActionA book, written by jQuery pros, to guide you from the beginning to advanced development.
160. Learning jQuery: Better Interaction Design and Web Development with Simple JavaScript TechniquesThe book offers an introduction to building interactive designs and great user interfaces for your websites.
161. jQuery Reference GuideAn extensive reference guide to jQuery covering everything from functions to plugins.

Other Notable Stuff

162. AJAX LibsLoad jQuery and jQuery UI directly from Google CDN to speed up your sites.
163. flot: Attractive Javascript plotting for jQueryA Javascript plotting library for jQuery, allowing you to graph things, read the tutorial.
164. jQuery EffectsA view on jQuery by someone, who worships Dojo.
165. jQuery Visual MapA visual map of jQuery: base, effects, plugins and AJAX.
166. Adobe Air App (zip)Browse jQuery docs offline.
167. XML file for jQuery DocsYou can also use the XML file of the jQuery documentation located at an SVN repository hosted at googlecode.com.
168. ThemeRollerSelect your styles and download your theme from a jQuery UI.
169. Writing Better jQuery CodeLearn how to write better jQuery code to save your time and enjoy the process.

Effectize