Up and Running with Foundation 4

with Jen Kramer
please wait ...
Up and Running with Foundation 4
Video duration: 0s 3h 7m Beginner


ZURB Foundation is a sophisticated and popular tool for creating responsive websites. This course introduces the framework and provides a quick overview of all of the goodies in Foundation. Author Jen Kramer shows you how to download Foundation and understand its file structure, create a responsive layout with its 12-column grid, and leverage the built-in JavaScript effects to build dropdown menus, image carousels, and more.

Topics include:
  • What is Foundation?
  • Exploring the grid system
  • Working with lists
  • Styling buttons, thumbnail images, and more
  • Including flexible video
  • Adding breadcrumbs to the navigation
  • Working with Clearing, the responsive lightbox
  • Creating accordion panels and tabs for in-page navigation
Developer Web


- [Voiceover] Hi, I'm Jen Kramer. Welcome to Up and Running with Foundation. In this course I'll show you how to download the Foundation framework, an integrated CSS and Javascript into your site. Then we'll cover Foundation's responsive 12 column grid systems. The small, the large, and the block grids, which make webpage layouts quick to assemble with lots of flexibility. We'll also look at the CSS styling that comes with Foundation, including the right way to override and tweak those styles for your own sites.

We'll explore navigation systems that come with Foundation, including top nav, side nav, bread crumbs, and drop downs. Finally, I'll go over some cool Javascript effects that come with Foundation, including Orbit, the image carousel, and Reveal, the modal window plugin. So if you're ready, let's get started, with Up and Running with Foundation.

please wait ...