links - jquery css howtos

on this page: Collections nav menus - dropdowns this and that visual effects wordpress more on this site

Double-click on any word to get a definition!

Basics
Intermediate
Advanced
General for all
¦ tops in its class
i have a copy of it:
i use it in teaching:

Using jQuery in our pages to do cool and cute stuff. Mostly visual effects.

Do you have more to add? Please let us know at the contact form

Collections

50 useful coding techniques (CSS layouts, visual effects and forms) http://www.smashingmagazine.com/2010/02/18/50-css-and-javascript-techniques-for- layouts-forms-and-visual-effects/ "An overview of useful CSS/jQuery coding tips, tricks and techniques for visual effects, layouts and web form design." Smashing : February 2010

nav menus - dropdowns

38 jQuery And CSS drop-down multi-level menus http://www.1stwebdesigner.com/resources/38-jquery-and-css-drop-down-multi-level-menu-solutions/ Tutorials, with downloadable files and explanations Dainis Graveris - 1st Web Designer : September 2009

Make a Mega Drop-Down Menu with jQuery http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/ About "mega drop-downs"; how to make a good one with html/css and the javascript library jQuery. Raena Jackson-Armitage : March 2009

Reinventing a Drop Down with CSS and jQuery http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx Make a "click-to-show" menu like in the WordPress admin sidebar. Janko : July 2009

this and that

Five Useful CSS/jQuery Coding Techniques For More Dynamic Websites http://www.smashingmagazine.com/2010/09/21/5-coding-techniques-for-more-dynamic-websites/ Step-by-step, full code and how-tos: On-page text search, Drag controls for oversized content, Subtle hover effects, Comment count bars, Full-page slider Jon Raasch - Smashing Magazine : September 2010

visual effects

Bubble Engine http://www.soyos.net/tl_files/demos/bubbles/ Can't explain. You gotta see it. A jQuery plugin. Click on upper left "Back to ..." link to learn more, and download it. Soyos : 2010

Roundabout Shapes http://fredhq.com/projects/roundabout-shapes/ Make shapes (images, whatever you put) slide, rotate, carousel, even jump out of the box. Click on shapes to make them do their thing. Fred LeBlanc - FredHQ : 2010

wordpress

Including jQuery in WordPress (The Right Way) http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/ "WordPress already includes a copy of jQuery. Here is how you can load up jQuery in your theme the smart (and intended) way." And easy way too! Chris Coyier - DigWP : June 2009

More libraries info on this site

Find this file at http://tibetangeeks.com/technologies/web_development/libraries-jquery_css_howtos-links.html

This page could not be here without: all the web warriors who ask questions so i can look up answers and put them here ... all the experts who write so we can find and learn ... Jeff Lebow for hosting ... TheFreeDictionary for cool word-lookup-clicking ... all the coders, standards-makers, and browser vendors who make up more great things we can do on the web ... Tim Berners-Lee for inventing this magical thing ... gnu linux | vi | bash to make me zoom ... all my sponsors who enable me to have the freedom to make it ... my tech teachers and my life teachers ... ... gee i don't know where to stop ... it's that interdependence thing, folks!