Tutsplus – Media Queries Inside Out

WEB-Rip | MP4 | AVC1 @ 1.5 Mbit/s | 1280×720 | AAC Stereo @ 128 Kbit/s 48 KHz | 2 Hours | 1.35 GBGenre: Responsive Web Design | Language: English

Media queries are a powerful way to limit the scope of your CSS styles. In this course, you’ll learn the magic behind media queries as you turn them inside-out and discover all that can be done with them. Craig Campbell will walk you through practical examples as he teaches you the true potential of many under-used features of CSS media queries.


Introduction 01:25
1.Introduction lessons, 06:43
1.1Introduction 01:25
1.2What are Media Queries? 05:18

2.Media Query Basics lessons, 26:21
2.1Viewport Width 04:03
2.2Simplifying Designs for Print 10:09
2.3HTML and CSS Media Queries 08:38
2.4Introduction to Media Types 03:31

3.Using Widths lessons, 50:04
3.1Max-Width Media Queries 11:02
3.2Resizing Content Based on Width 07:58
3.3Styling the Menu 11:04
3.4Creating a Menu Button 05:46
3.5Making the Menu Animate 08:49
3.6Logical Operators 05:25

4.Other Media Features lessons, 21:55
4.1Resolution Features 04:16
4.2Orientation and Aspect Ratio 09:54
4.3More Media Features 04:03
4.4Animating on Breakpoints 03:42

5.Conclusion lessons, 15:58
5.1Targeting Older Browsers 07:57
5.2The Future of Media Queries 07:18
5.3Final Thoughts 00:43

---