Join Jen Kramer for an in-depth discussion in this video Working with visibility classes, part of Up and Running with Foundation 4.
- View Offline
- Exercise Files
I want to take a look at one last area in the styling that comes with Foundation. …And that has to do with Foundations visibility classes. …These are classes that can be used to make whatever items have the class, …become either visible under certain conditions or invisible under certain conditions. …And there are a ton of these classes. They're incredibly useful. …And I just wanted to show you where you can find the documentation for these on …the Foundation website. Then I'm going to show you one of these …classes in action. If you take a look in your web browser, …at the Foundation website, which is foundation.zurb.com, click on the Docs …link here in the upper right corner. Then you're going to click on Using Foundation.…
There's a link here for Visibility Classes. …So if you click on that, what you're going to see here first of all is some of …these visibility classes in action. Here we've got the Show Visibility controls. …This is going to show these sentences if you're under certain conditions. …
- 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
Skill Level Beginner
1. Foundation Introduction and Download
2. The Grid System in Foundation
3. CSS Overview
4. Navigation Systems
Next steps2m 12s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
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.