Join Jen Kramer for an in-depth discussion in this video Styling buttons, part of Learning Foundation 4.
Buttons are useful to just about any page. …It's a way of drawing attention to an important call to action. …Think about how many web pages you've seen that feature a really large button. …Foundation has several combinations of classes used to style buttons. …As always, these are defaults that come with Foundation, which can be overridden. …Let's go ahead and add some register now links to our HTML that will allow people …to click on a button. And then go register for the site, and …I'm going to put that in, in three different places, but I'm going to use …the same little bit of HTML to do this. Inside of your exercise files folder, you …will find a file called 3-buttons.html. You can use this file if you've not been …following along through this particular chapter.…
If you have been following along, we're just continuing on in the same file. …I've also put in your exercise files folder a code snippets. …And if you just want to go ahead and copy that little bit of code that's there, …it's some real simple mark up, some words that say register now. …
- 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.