MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.


I'm not curious

Up and Running with Foundation 5

Course Summary

Learn to build responsive websites with Foundation—the clean, simple design framework that uses integrated CSS and JavaScript.       


  • +

    Course Syllabus

    Introduction
       Welcome
       Using the exercise files
       Using the challenges
    1. Overview of Foundation 5
       What is Foundation?
       Downloading Sublime Text 2
       Downloading and unzipping Foundation 5
       Customizing Foundation 5, and a word about Sass
       Examining Foundation's files
    2. The Grid System in Foundation
       Introducing the small grid
       Introducing the medium and large grids
       Combining grids in a single page
       Applying offsets in the grid
       Centering columns
       Nested grids
       Block grids
       Source ordering
       Challenge: Create a grid
       Solution: Create a grid
    3. CSS Overview
       Exploring typography, block quotes, and lists
       Text alignment options
       Styling buttons
       Including panels
       Styling thumbnails
       Overriding Foundation's core CSS
       Working with visibility classes
       Challenge: Style a page
       Solution: Style a page
    4. Navigation Systems
       Adding side navigation
       Configuring Top Bar, the basic navigation bar
       Adding dropdown menus
       Working with Off Canvas
       Challenge: Combine Top Bar with Off Canvas
       Solution: Combine Top Bar with Off Canvas
    5. JavaScript Effects
       Creating a responsive lightbox with Clearing
       Making equal-height columns with Equalizer
       Designing a photo carousel with Orbit
       Setting up a modal window with Reveal
       Integrating responsive images with Interchange
       Challenge: Adding tooltips to a site
       Solution: Adding tooltips to a site
    Conclusion
       Streamlining Foundation for launch
       Next steps

     


Course Fee:
USD 25

Course Type:

Self-Study

Course Status:

Active

Workload:

3 - 4 hours / week

This course is listed under Development & Implementations Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top