to
the
The
3
js
1
5
with
Responsive
responsive
• Archive: http://archive.is/wip/HE4Ee Foundation 5 - Learn Responsive Design & Rapid PrototypingLearn the nuts & bolts of rapid prototyping with Foundation 5, the lightweight framework that makes it faster to code.Foundation 5 makes it faster to learn and to code.This workshop is a fast-track to getting up to speed with rapid responsive prototyping with the most advanced responsive Framework.Topics include:A complete guide to the responsive gridA tour of the numerous CSS components & Key UI elementsDynamic features Integration with orbit slider, reveal modal, Accordion, Lightbox..Mobile user experience optimizationA 1-hour walkthrough : from prototype to beautiful designQuizzes, Interactive ExercicesHand-on and project-based, the course will help you :Learn the fundamentals of using FoundationStart building responsive web pagesSharpen your design skillsSo, let's get started with Foundation 5!This workshop is the fastest way to get you up and running with Rapid Prototyping, Mobile First & Easy CustomizationCourse CurriculumGetting Started with Foundation 5Welcome to the Workshop !
• (1:21)Foundation Files & Project resources (1:51)Intro to the Responsive Grid (1:54)Responsive Grid - The Complete GuideBasic GridSmall & Medium GridsQuiz 1: QuizAdvanced Grid (Nesting) (8:35)Offset Columns (4:10)Quiz 2: QuizCentered Columns (8:18)Source Ordering (9:10)Block Grid (7:05)Quiz 3: QuizResponsive Design ProjectResponsive 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 OptimizationInterchange Responsive Content (6:50)Adaptive Content (Media Queries) (5:53)Responsive Navbar (6:24)Alternate Design WorkIntro 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)