[Lynda] Learning Foundation 6

[Lynda] Learning Foundation 6


image of author Jen Kramer Jen Kramer



Need to build a responsive website or app quickly? Foundation 6 simplifies the creation of mobile-ready, cross-browser interfaces. An open-source framework, it features a 12-column grid; buttons of many different shapes, sizes, and functionality; fully functional components that are ready to use; and much more. Plus, its Flexbox-based grid system and easy-to-edit styles make it a real timesaver—even for more advanced developers. Get an introduction to the most frequently used Foundation components, and how they fit together, in this introductory training course. Instructor Jen Kramer helps you create a responsive layout, modify the look and feel by editing the underlying CSS, and customize the navigation. She demonstrates how to add card-based approaches, modal dialogs, photo carousels, and other JavaScript-based effects.

Topics include:

  • Working with the XY Grid system
  • Adjusting margins and padding
  • Block versus vertical grids
  • Overriding CSS
  • Including cards and callouts
  • Customizing the navigation, including dropdown and drilldown menus
  • Adding JavaScript effects such as a carousel or tooltips
Skill Level Beginner

2h 20m



Show More Show Less
Skills covered in this course

Responsive DesignWebWeb DesignWeb DevelopmentProjects Foundation

Size: 479.13M




DMCA Notice: freecourseonline.net does NOT hold any files on its servers. http://freecourseonline.net only provides links to third party services. Therefore we are fully compliant to DMCA and not responsible for any copyrights.