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:
Hand-on and project-based, the course will help you :
So, 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 Customization
Getting Started with Foundation 5
Welcome to the Workshop!
Foundation Files & Project resources
Intro to the Responsive Grid
Responsive Grid - The Complete Guide
Basic Grid
Small & Medium Grids
Advanced Grid (Nesting)
Offset Columns
Centered Columns
Source Ordering
Block Grid
Responsive Design Project
Responsive Image Slider (Orbit.js)
"About Us" (Panel)
Content Slider & Equalizer.js
Video Popup (Modal.js)
Accordion.js
Portfolio Gallery (Clearing Lightbox.js)
Interactive Contact Form (Alert.js)
Social Media (Foundation Font Icons)
Mobile Device Optimization
Interchange Responsive Content
Adaptive Content (Media Queries)
Responsive Navbar
Alternate Design Work
Intro to Tab.js
Tabs Customization
"Team" Section Tab
Tooltip.js
Tabs & Media Queries
Vertical Tabs
Last Words