Join Jen Kramer for an in-depth discussion in this video Reveal: A modal window, part of Learning Foundation 4.
A modal window is a specific kind of pop up window with information in it. …The screen is going to darken as the modal window appears. …Unlike a true pop up window, the browser does not treat this as a completely …separate instance of the browser window. The modal window displays within the same …window as the content. And let me show you how you can make …modal windows appear here inside of Foundation. …I've started with this document called 5-reveal.html. …You'll find in in your exercise files folder.…
If you have been following along with me, you'll also have the image already in …your images folder. And if you don't, you're going to want to …take the image that I have in the exercise files folder and copy it into …the images folder. What we've got here is a very simple …little bit of markup. Once again, we have a row inside of that, …we have a div with a class of large ten centered on the page. …Inside of that, we have a paragraph which contains a link formatted to look like a …large button. Following that, we have just a little bit …
- 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.