Challenge: Try out jQuery by using one or more of the jQuery Effects.
jQuery is a fun, easy to use library with a TON of really cool examples and implementations out there. Even if you're not a web developer or have a web site of your own, I encourage you to at least open a text editor (notepad, editplus, notepad++) and try a couple of the samples just to familiarize yourself with it.
The Effects API within jQuery lets you do things like fade in/fade out elements on a web page, slide up/slide down, show/hide, and *drumroll* animate elements (hear that game developers).
To kick off the challenge, I completed this last night by adding the slideUp/slideDown effect to the Dream.In.Code member panel. You can see it in action right now, just hover over the "My Profile" to see it slide down. This was done in under 15 lines of jQuery!
Ideas: For those of you who don't know what to do with jQuery, here's some ideas:
- Drop Down Menus
- Slide Show
- Fade In/Fade Out Tool Tips
- Fade-In Lightbox (Google Lightbox for examples)
- Image Gallery
- Fancy Form Validation
- Tabbed Navigation
- Accordion Text
We also have a jQuery forum and Snippets area as well as a couplejQuery Tutorials if you're interested.
How To Get Started:
All you need is a text editor (notepad, editplus, notepad++, etc) and the jQuery library which you can download for free from the http://www.jQuery.com site. Try the jQuery tutorials at W3Schools to make sure everything is working and then experiment with using effects on a DIV or other element on your own site, or just mess around in a test file.
Submit Your Challenge:
When you've completed the challenge, reply to this thread with a .zip/link/code/etc. of what you did.
Post questions in our jQuery Forum.