Rapid Responsive Prototyping with Foundation 5
ERROR
00:00
00:00

VIDEO TUTORIAL Rapid Responsive Prototyping with Foundation 5

Sandy Ludosky
25,00€

Unlimited download & streaming

Satisfied or refunded

100% secure payment

This Foundation 5 video tutorial will make you 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 grid
  • A tour of the numerous CSS components & Key UI elements
  • Dynamic features Integration with orbit slider, reveal modal, Accordion, Lightbox..
  • Mobile user experience optimization
  • A 1-hour walkthrough : from prototype to beautiful design
  • Quizzes, Interactive Exercices

Hand-on and project-based, the course will help you :

  • Learn the fundamentals of using Foundation
  • Start building responsive web pages
  • Sharpen your design skills

So, let's get started with Foundation 5!
This video tutorial is the fastest way to get you up and running with Rapid Prototyping, Mobile First & Easy Customization

What will you learn in this course?

Course plan
Chapter 1
Getting Started with Foundation 5
Chapter 2
Responsive Grid | The Complete Guide
Chapter 3
Responsive Design Project
Chapter 4
Mobile Device Optimization
Chapter 5
Alternate Design Work

Detailed course plan

Chapter 1 : Getting Started with Foundation 5
05m05s
 
Lesson 1Welcome!
Lesson 2Foundation Files & Project resources
Lesson 3Introduction Responsive Grid
Chapter 2 : Responsive Grid | The Complete Guide
45m24s
 
Lesson 1Basic Grid
Lesson 2Small & Medium Grids
Lesson 3Advanced Grid (Nesting)
Lesson 4Offset Columns
Lesson 5Centered Columns
Lesson 6Source Ordering
Lesson 7Block Grid
Chapter 3 : Responsive Design Project
49m28s
 
Lesson 1Responsive Image Slider (Orbit.js)
Lesson 2About Us (Panel)
Lesson 3Content Slider & Equalizer.js
Lesson 4Video Pop Up (Modal.js)
Lesson 5Accordion.js
Lesson 6Portfolio Gallery (clearing.js)
Lesson 7Interactive and Responsive Contact Form (Alert.js)
Lesson 8Social Media (Foundation Icons)
Chapter 4 : Mobile Device Optimization
19m10s
 
Lesson 1Interchange Responsive Content
Lesson 2Adaptive Content | Media Queries
Lesson 3Responsive Navbar
Chapter 5 : Alternate Design Work
16m46s
 
Lesson 1Tabs Customization
Lesson 2Team Section Tabs
Lesson 3Tooltip.js
Lesson 4Vertical Tabs
Lesson 5Tabs & Media Queries

Your questions about the course

With which software version is this tutorial compatible with?

CSS

What is the required level to follow this tutorial ?

beginner

Wait ! 🤗

Access more than 19 free tutorials

Our data protection policy