Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Foundation 5 - Learn Responsive Design & Rapid Prototyping
Getting Started with Foundation 5
Welcome to the Workshop ! (1:21)
Foundation Files & Project resources (1:51)
Intro to the Responsive Grid (1:54)
Responsive Grid - The Complete Guide
Basic Grid
Small & Medium Grids
Quiz 1: Quiz
Advanced Grid (Nesting) (8:35)
Offset Columns (4:10)
Quiz 2: Quiz
Centered Columns (8:18)
Source Ordering (9:10)
Block Grid (7:05)
Quiz 3: Quiz
Responsive Design Project
Responsive Image Slider (Orbit.js) (8:14)
"About Us" (Panel) (1:53)
Content Slider & Equalizer.js (10:39)
Video Popup (Modal.js) (3:51)
Accordion.js (3:43)
Portfolio Gallery (Clearing Lightbox.js) (3:55)
Interactive Contact Form (Alert.js) (11:42)
Social Media (Foundation Font Icons) (5:26)
Mobile Device Optimization
Interchange Responsive Content (6:50)
Adaptive Content (Media Queries) (5:53)
Responsive Navbar (6:24)
Alternate Design Work
Intro to Tab.js (3:31)
Tabs Customization (3:28)
"Team" Section Tab (3:49)
Tooltip.js (3:00)
Tabs & Media Queries (5:21)
Vertical Tabs (1:04)
Last Words (0:30)
Small & Medium Grids
Complete and Continue