Mobile responsiveness | 02Skills

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Responsive Web Design

Getting Started with Media Queries

Overview and Download (1:59)
What are media Queries? (4:10)
Media Queries Hello World (6:58)
Media Queries within a CSS file with the @media rule (3:59)
Media Query rule combination (8:32)
Media Type Summery
Do you really get it? :)
References and further reading

Moving into Responsive Design with Media Query Expressions

Overview of session
What is responsive Design? (4:22)
Optimizing for a specific device (7:34)
Creating responsive designs with size ranges (7:24)
Mobile responsiveness (6:29)
Backward compatibility (3:41)
Test yourself.
References and further reading

Advanced Design Strategies

Overview
Thinking Fluid (12:30)
Making a site that responds to itself (7:58)
Optimizing based on device resolution (7:59)
Designing by aspect ratio (5:40)
Talking about Color and Grids. (4:40)
References and further reading

Working with Responsive Frameworks

Overview
What are responsive Frameworks? (7:38)
Twitter Bootstrap (3:58)
Understanding Twitter Bootstrap CSS rules (5:34)
Adding Components (6:04)
An Example of a grid layout (5:58)
Changing themes with LESS (7:18)
References and further reading

Media Queries Level 4

Overview
The future of media types (4:03)
Moving into media features (11:40)
Creating custom media queries (2:24)
Media Query operators
Working with media queries ranges
References and further reading

Teach online with

Mobile responsiveness

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock