Главная
Study mode:
on
1
Introduction
2
Overview
3
The Journey
4
My Background
5
Choosing Highly Effective Breakpoints
6
Most Popular Breakpoints
7
Most Popular Resolution
8
Breakpoints
9
Golden Rule
10
Stage 2 Tweak Points
11
Pixels
12
Maintainable definitions
13
SAS Code
14
Stage 5 Place Media Queries
15
Stage 6 Place Media Queries
16
Place Media Queries at the Bottom
17
Keep Media Queries Together
18
Bonus Tip
19
Mobile First
20
Conclusion
21
Questions
Description:
Explore best practices for creating highly effective and maintainable CSS media queries in this 24-minute conference talk from WeAreDevelopers. Discover optimal placement strategies for media queries, learn techniques for writing more maintainable definitions, and gain insights into selecting the most effective breakpoints. Examine common CSS layout implementations to understand the advantages of mobile-first authoring, which can significantly simplify your code. Delve into topics such as popular breakpoints, resolution considerations, and the "Golden Rule" of responsive design. Gain practical knowledge on using SASS for maintainable definitions, strategic placement of media queries, and bonus tips for mobile-first development. Enhance your CSS skills and create more efficient, responsive designs with the expertise shared in this comprehensive presentation.

Journey to Highly Effective and Maintainable CSS Media Queries

WeAreDevelopers
Add to list