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 a tabbed content interface that we progressively enhance  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