Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Responsive Web Design: Advancing your Design to the Modern Web
Getting Started with Media Queries
The Course Overview (1:59)
What Are Media Queries? (4:08)
Media Queries "Hello World" (6:56)
Media Queries Within a CSS File with the @media Rule (3:58)
Media Query Rule Combination (8:30)
Moving into Responsive Design with Media Query Expressions
What Is Responsive Design? (4:20)
Optimizing for a Specific Device (7:32)
Creating Responsive Designs with Size Ranges (7:22)
Mobile Responsiveness (6:27)
Backward Compatibility (3:40)
Advanced Design Strategies
Thinking Fluid (12:28)
Creating a Site That Responds to Itself (7:56)
Optimizing Based on Device Resolution (7:57)
Designing by Aspect Ratio (5:38)
Talking about Color and Grids (4:38)
Working with Responsive Frameworks
What Are Responsive Frameworks? (7:36)
The Twitter Bootstrap (3:57)
Understanding the Twitter Bootstrap CSS Rules (5:32)
Adding Components (6:02)
An Example of a Grid Layout (5:56)
Changing Themes with LESS (7:16)
Media Queries Level 4
The Future of Media Types (4:01)
Moving into Media Features (11:38)
Creating Custom Media Queries (2:23)
Media Query Operators (1:51)
Working with Media Query Ranges (2:03)
The Course Overview
This video will offer the overview of the course.
Download
Responsive Web Design_ Advancing your Design to the Modern Web [Video].zip
Complete and Continue