Up and Running with Foundation (2013)
Up and Running with Foundation (2013)
MP4 | AVC 396kbps | English | 960x540 | 15fps | 3h 07mins | AAC stereo 160kbps | 926 MB
Genre: Video Training
ZURB Foundation is a sophisticated and popular tool for creating responsive websites. This course introduces the framework and provides a quick overview of all of the goodies in Foundation. Author Jen Kramer shows you how to download Foundation and understand its file structure, create a responsive layout with its 12-column grid, and leverage the built-in JavaScript effects to build dropdown menus, image carousels, and more.
Introduction 2m 41s
Welcome 59s
Using the exercise files 1m 42s
1. Foundation Introduction and Download 19m 37s
What is Foundation? 2m 24s
Downloading and unzipping Foundation 3m 0s
Customizing Foundation and a word about SASS and Compass 2m 57s
Examining Foundation files 11m 16s
2. The Grid System in Foundation 54m 14s
Introducing the small grid 11m 25s
Introducing the large grid 2m 42s
Combining small and large grids in a single page 5m 24s
Offsets in the grid 7m 33s
Centering columns 4m 54s
The nested grid 8m 3s
Source ordering 3m 55s
Block grids 3m 49s
Challenge: Create a grid 3m 12s
Solution: Create a grid 3m 17s
3. CSS Overview 54m 29s
Exploring typography 5m 11s
Including block quotes 3m 2s
Including lists 5m 44s
Styling buttons 5m 37s
Including panels 3m 36s
Styling thumbnails 4m 13s
Including flexible video 4m 48s
Overriding the core Foundation CSS 8m 35s
Working with visibility classes 7m 12s
Challenge: Style a page 2m 0s
Solution: Style a page 4m 31s
4. Navigation Systems 23m 34s
Adding breadcrumbs 3m 24s
Formatting the side nav 2m 33s
Formatting the top nav bar 7m 9s
Adding dropdown navigation to the top nav bar 5m 48s
Challenge: Navigation bar 1m 3s
Solution: Navigation bar 3m 37s
5. JavaScript Effects 31m 12s
Clearing: A responsive lightbox 6m 46s
Orbit: A photo carousel 6m 33s
Reveal: A modal window 6m 31s
Sections: Creating accordion panels and tabs for in-page navigation 7m 43s
Challenge: Navigation and sections 1m 40s
Solution: Navigation and sections 1m 59s
Conclusion 2m 12s
Next steps 2m 12s
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42
File size : 28.6 MiB
Duration : 7mn 9s
Overall bit rate : 559 Kbps
Encoded date : UTC 2013-05-16 20:16:54
Tagged date : UTC 2013-05-16 20:16:54
Writing library : Apple QuickTime
Copyright : lynda.com
Video #2
ID : 2
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 : 7mn 9s
Bit rate mode : Variable
Bit rate : 396 Kbps
Width : 960 pixels
Height : 540 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 15.000 fps
Resolution : 24 bits
Colorimetry : 4:2:0
Scan type : Progressive
Bits/(Pixel*Frame) : 0.051
Stream size : 20.3 MiB (71%)
Encoded date : UTC 2013-05-16 20:16:54
Tagged date : UTC 2013-05-16 20:16:54
Audio #1
ID : 1
Format : AAC
Format/Info : Advanced Audio Codec
Format version : Version 4
Format profile : LC
Format settings, SBR : No
Format settings, PS : Yes
Codec ID : 40
Duration : 7mn 9s
Bit rate mode : Variable
Bit rate : 160 Kbps
Maximum bit rate : 162 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 KHz
Resolution : 16 bits
Stream size : 8.19 MiB (29%)
Encoded date : UTC 2013-05-16 20:16:54
Tagged date : UTC 2013-05-16 20:16:54
Up and Running with Foundation (2013)
Up and Running with Foundation (2013)
Up and Running with Foundation (2013)
Up and Running with Foundation (2013)
No mirrors please