Create a Sliding Tabbed Panel with jQuery and Dreamweaver



Create a Sliding Tabbed Panel with jQuery and Dreamweaver
Topics include:
Creating the main panel and tab containers
Adding content to the containers
Adding CSS styles to the text and tabs
Adding the jQuery $(document).ready() function
Assigning click events to the tabs
Setting an autostart on page load
Creating custom graphics for the panels
Assigning custom classes to the HTML elements
Reassigning CSS rules with javascript
Introduction 3m 41s
Previewing the final project 1m 35s
About the exercise files 1m 26s
Beginning the project 40s
1. Creating the HTML Containers 6m 36s
Creating the main panel and the tab containers 2m 15s
Creating the HTML containers for the tabs 51s
Creating the HTML containers for the panels 1m 27s
Adding content to the containers 2m 3s
2. Styling the Tabs and Panels 17m 58s
Adding CSS styles to the text 2m 55s
Adding CSS styles to the tabs 3m 54s
Styling the first and last tabs 6m 51s
Styling the main container and the panels 4m 18s
3. Writing the javascript and jQuery 22m 35s
Adding the jQuery document ready 2m 35s
Lining up the panels in a row 4m 54s
Assigning click events to the tabs 2m 24s
Animating the panels based on the tab clicked 6m 17s
Assigning a selected state to the tab clicked 3m 9s
Setting an autostart on page load 3m 16s
4. Creating Custom Graphics 1m 41s
Creating custom graphics for the panels 1m 41s
5. Customizing the Panel Styles 7m 29s
Assigning custom classes to the HTML elements 1m 24s
Adding CSS rules for the video panel 4m 34s
Adding CSS rules for remaining panels 1m 31s
6. Adding Progressive Enhancement Techniques 5m 38s
Removing CSS rules that hide elements 1m 30s
Reassigning CSS rules with javascript 4m 8s
Conclusion 1m 15s
Where to go from here 1m 15s
Format : QuickTime
Format/Info : Original Apple specifications
File size : 15.5 MiB
Duration : 4mn 8s
Overall bit rate : 524 Kbps
Encoded date : UTC 2012-09-15 00:14:34
Tagged date : UTC 2012-09-15 00:14:34
Writing library : Apple QuickTime
Copyright : lynda.com
Video #1
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings, CABAC : Yes
Format settings, ReFrames : 3 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 4mn 8s
Bit rate mode : Variable
Bit rate : 424 Kbps
Width : 960 pixels
Height : 600 pixels
Display aspect ratio : 1.600
Frame rate mode : Constant
Frame rate : 30.000 fps
Standard : PAL
Resolution : 24 bits
Colorimetry : 4:2:0
Scan type : Progressive
Bits/(Pixel*Frame) : 0.025
Stream size : 12.6 MiB (81%)
Encoded date : UTC 2012-09-15 00:14:34
Tagged date : UTC 2012-09-15 00:14:34
Audio #2
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format version : Version 4
Format profile : LC
Format settings, SBR : No
Codec ID : 40
Duration : 4mn 8s
Bit rate mode : Variable
Bit rate : 96.0 Kbps
Maximum bit rate : 99.8 Kbps
Channel(s) : 2 channels
Channel positions : L R
Sampling rate : 48.0 KHz
Resolution : 16 bits
Stream size : 2.85 MiB (18%)
Encoded date : UTC 2012-09-15 00:14:34
Tagged date : UTC 2012-09-15 00:14:34
No mirrors please

Creatu_Sliding_Tab_Panel_jQuery_Dreamwa.part1.rar
Creatu_Sliding_Tab_Panel_jQuery_Dreamwa.part2.rar
Creatu_Sliding_Tab_Panel_jQuery_Dreamwa.part3.rar