- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Foundation - Media
In this chapter, we will study about media in Foundation. The Foundation consists of several media types like Flex Video, Label, orbit, progress bar and tooltip. The following table lists all the media types.
| Sr.No. | Media Type & Description |
|---|---|
| 1 | Flex Video
It is used to embed videos in a flex video container to keep the right aspect ratio despite the screen size. |
| 2 | Label
It can be used for inline styling which can be put into body to invoke specific section or to attach metadata. |
| 3 | Orbit
It is a powerful and responsive slider, allowing a user to swipe on touch-screen devices. |
| 4 | Progress Bar
It is used to display your progress and can be added to your layouts. |
| 5 | Tooltips
It is used to display extra information for a term or action on a page. |
Advertisements