jQuery Resources Examples

One problem with many DOM scripting effects is that they often require us to hide elements of the document from view. This hiding is usually achieved through CSS. However, this is less than desirable. If a user’s browser does not support Javascript (or has Javascript disabled), yet does support CSS, then the elements that we hide in CSS will never be visible, since our Javascript interactions will not have run.


Write a well structured CSS file without becoming crazy

 A detailed and well written post about how to write a well structured CSS file.

Organizing Your Stylesheet Using CSS Edit

 Rob Soule of Viget Labs shows you how to organize your style sheets using CSS Edit, a powerful CSS editor built exclusively for the mac.

Tips for organizing your CSS

 A set of practical tips for organizing your style sheets.

Tabs and Buttons

Expandable CSS Tabs Tutorial

 A tutorial on creating expandable CSS tabs.

Simple Round CSS Buttons

 Learn how to create rounded corner buttons with only One Image and One CSS file.

Scalable CSS Buttons Using PNG and Background Colors

Beautiful CSS buttons with icon set

 Learn how to create a clean set of buttons with CSS and an icon set.

Working with Images

CSS Decorative Gallery

 Decorate your images and photo galleries without editing the source images.

Placing text over image using CSS position property

 A simple technique for placing text over an image.

Create Resizing Thumbnails Using Overflow Property

 Learn how to create a cool resizing thumbnail effect.


  1. jQuery Web Site: How jQuery Works and Tutorials
  2. John Resig + Other Contributors
    One of jQuery’s true strengths is the documentation provided by John Resig and his team.
  3. 51 Best jQuery Tutorials and Examples
  4. Easy As Pie: Unobtrusive JavaScript
  5. Seven Rules of Unobtrusive JavaScript
  6. Learning jQuery
  7. Visual jQuery
  8. jQuery Tutorials For Designers
  9. jQuery For Designers
    jQuery for Designers: learn how easy it is to apply web interaction using jQuery.
  10. 15 Days Of jQuery
    jQuery tutorials and example code that takes you from zero to hero in no time flat.
  11. 15 Resources To Get You Started With jQuery From Scratch
  12. The Seven Rules Of Pragmatic Progressive Enhancement
  13. The Behaviour Layer Slides
    Jeremy Keith
    Great slide notes giving a quick rundown on unobtrusive Javascripting.
  14. A List Apart: Behavioral Separation
    Jeremy Keith
    A more in-depth explanation of the idea of separating Javascript into an unobtrusive “behavioural” layer.
  15. Unobtrusive JavaScript with jQuery
    Simon Willison
    A great set of slides about using jQuery unobtrusively. Also, finishes with a wonderful summary of jQuery methods and usage.
  16. Further Reading: Semantic Markup

  17. Wikipedia: Definition of Semantics
    It’s worth understanding the idea of semantics in general prior to trying to wrap one’s head around the concept of semantic markup.
  18. Who cares about semantic markup?
    Dave Shea
    Dave Shea explores the benefits of semantic markup and
  19. Standards don’t necessarily have anything to do with being semantically correct
    Jason Kottke
    Kottke discusses the differences between standards compliance and semantic markup.
  20. CSS3 selector specification
    The complete specification for CSS3 selectors (most of which work perfectly in jQuery selectors also). This is great reading for anyone who likes to keep up to date with best practices and standards compliance.

You may also like...