Create mobile-ready, cross-browser interfaces with Foundation 6.
- [Jen] You are a more experienced front end web designer or web developer. You know that a responsive design framework can save you a lot of time in your day to day work, but you sure hate overriding a zillion billion styles, like all those styles that come with Bootstrap. If you put yourself in this category, then Foundation may be the right responsive design framework for you. Hi, I'm Jen Kramer, and I am a lecturer at Harvard University Extension School, where I teach five classes a year in website design and web development, and this is Learning Foundation 6.
In this particular course, we will be looking at a number of elements inside of Foundation. We'll start with a big overview of the grid system and look at all kinds of fabulous things that a flexbox-based grid system can do for you. Then we're going to move on to CSS styling, what kind of styling is built into Foundation, how can you override it, and how can you bend it to your will. Then we're going to move on to navigation. Foundation has a bunch of patterns for navigation, like drop-downs and drill-downs and responsive navigation bars.
- 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
Skill Level Beginner
Workflow Tools for Web Developerswith Christina Truong1h 13m Intermediate
Responsive CSS Workflow with Sass, Bourbon, and Susywith Carrie Dils2h 59m Intermediate
1. Overview of Foundation 6
2. The XY Grid System
3. CSS Overview
4. Navigation Systems
Next steps1m 33s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.