This site is archived.

jQuery for Designers and Themers

8:30 AM - 9:30 AM
307 Commerce Guys

Presented by

Bevan Rudge (Bevan)
Design, Theme, and UsabilityDesign, Theme, and Usability
Style & substance: Learn about trends, techniques, and tools.

Small non-intrusive animations and interactions can greatly enhance the user experience and impress website visitors and clients. jQuery and jQuery UI make it easy to add these enhancements with little or no knowledge of javascript. Learn how!

This session will be based on a very successful and similar session I gave at DrupalCon Paris and the sample code that resulted from that; the jQuery for Designers and Themers theme for Drupal 6. I also gave a similar, but more advanced session at DrupalSouth Wellington 2010

No understanding of jQuery, javascript or even Drupal theming is required, but a good understanding of CSS selectors (e.g. "#page #content > p a.read_more {}") and how HTML elements are nested within each other to build a tree (aka DOM) is important.

Slides are available at (Google Docs) (They will be updated).
A low quality video from DrupalCon Paris is available from
Sample code is available at

Experience: Beginner, Intermediate
Industry: education, entertainment, library, marketing, media, non-profit
Tags: design, interaction, jquery, theming

I would love to hear more detail about how I could improve this presentation, especially with regards to what made it seem as though I was not well prepared, organized, or rehearsed. Especially since I thought I was in fact very well prepared, organized and rehearsed.

Thank you

Fantastic job. One of the best presentations of Drupalcon SF. I especially appreciate all of the online resources you mentioned.

I agree, this was one of the best Drupalcon sessions I attended. Lots of great examples that were easy to follow, with helpful resources. Great job!