SleekTabs Tutorial

This two-part video tutorial walks you through the process of setting up a simple, three-tabbed static web page using SleekTabs to provide the tabs.

• YouTube - http://youtube.com/watch?v=q8kTL7sAYD4
• High quality - http://www.archive.org/download/SleektabsVideoTutorialPart1/SleektabsTutorial.m4v (H.264/AAC, ~30 MB)

• YouTube - http://youtube.com/watch?v=fHQ0W1dgpXI
• High quality - http://www.archive.org/download/SleektabsVideoTutorialPart2/SleektabsTutorialPart2.m4v (H.264/AAC, ~14 MB)

You can also download the supporting files for this project, so you can work through it at your own pace, or use it as a starting point for your own project which implements SleekTabs.

• Project files at start of tutorial
• Project files at end of Part 1
• Project files at end of Part 2 (completely working)

Note that if you do not wish to take advantage of the non-JavaScript fallback functionality offered by SleekTabs, you may end the tutorial at Part 1, and the Ajax-style loading of tabs still operates perfectly well.

You can view a live demonstration of the finished project - http://peter.upfold.org.uk/apps/sleektabstutorial/.