In this video, Diane Cronenwett describes how Foundation can be used for responsive design projects.
- [Instructor] Another framework we'll look at…for responsive design is Foundation.…Foundation, similar to bootstrap, is also focused on…components and uses a responsive grid.…Foundation was created by Zurv, a product design company…and while it's not as widely used as Boostrap,…it does have a community of users…and is actively maintained.…Foundation is a bit more advanced…with less styling by default…so you can add your own style.…Bootstap in comparison has a stylized look and feel…which may take more time to strip away,…especially if your project already has…a defined look and feel that you want to portray.…
In this case, Foundation has created a bare bones…approach for you to apply your styles to the components.…Let's take a look at the Foundation grid.…From the navigation at the top of the homepage,…I'll open up the develop menu and select HTML templates.…Scrolling down to the first item, labeled…News or Magazine, I'll click on see demo.…Foundation uses a 12-column layout and you can see…how the columns become stacked…
- Principles for multidevice design
- Responsive design in action
- Designing for multiple devices using native paradigms
- Designing mobile or tablet interfaces
- Designing for a watch, a TV, or for voice
- Creating an information architecture diagram
- Using Sketch to design your mobile experience
- Prototyping with InVision
- Exploring Bootstrap and Foundation
Skill Level Beginner
1. Overview of Multidevice Strategies
2. Multidevice Design Considerations
3. Planning a Multidevice Experience
4. Designing Your Mobile Experience in Sketch
5. Designing for Additional Devices in Sketch
6. Frameworks and Guidelines
- 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.