Thomas Wallace: Lectures and Resources - A collection of website design lectures and resources

Jquery Tabs Case Study

In this case study we wil create from the ground up a tabbed interface using XHMTL, CSS, and JavaScript. The goal is to build atabbed content interface that degrades gracefully and is still keyboard accessible. When we finish we will have created something like this example...

Completed Project

Step by Step Approach

  1. Create HTML Structure
  2. Populate with Content
  3. Validate XHTML
  4. Style with CSS
  5. Add Javascript Library
  6. Add Jquery Calls
  7. Add Anchors and <noscript> elements for non-supporting user-agents
  8. Test

Download Project Files

What I'm Reading

RSS Feed IconView More

Announcements

  • 1.24.2012
    Structure, Content, Design, Behavior
My Calendar