Responsive Design with Foundation 5 Premium class

Sandy Ludosky

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
26 Videos (2h 17m)
    • Welcome to the workshop!

      foundation_5.zip
      1:21
    • Intro to the Responsive Grid

      foundation_5.zip
      1:53
    • Basic Grid

      3:39
    • Small & Medium Grids

      4:26
    • Advanced Grid (Nesting)

      8:35
    • Offset Columns

      4:10
    • Centered Columns

      8:18
    • Source Ordering

      9:10
    • Block Grid

      6:33
    • 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
    • Interchange Responsive Content

      6:48
    • Adaptive Content (Media Queries)

      5:53
    • Responsive Navbar

      6:24
    • Intro to Tab.js

      3:31
    • Tabs Customization

      3:28
    • "Team" Section Tab

      3:49
    • Tooltip.js

      3:00
    • Vertical Tabs

      1:04
    • Tabs & Media Queries

      5:20

About This Class

Foundation 5 is a responsive framework that makes it faster to learn and to code.

This workshop will help you get up to speed with rapid responsive prototyping. Hand-on and project-based, students will learn :

  • the fundamentals of the Foundation frameworks : CSS, components and javascript dynamic features
  • media queries 
  • build responsive web pages with the help of demos and exercises

This course will teach you how to create functional and responsive sites working accross multiple devices (desktop, tablets and mobiles). Classes 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
  • Interactive Exercices
  • & 2 responsive web projects developmentVIEW FINAL PROJECT

This workshop is the fastest way to get you up and running with Rapid Prototyping, Mobile First & Easy Customization

So, let's get started with Foundation 5, the most advanced responsive Framework !

235

Students

--

Project

My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.

I specialize in Front-End using HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.

Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.

On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.