Embrace the Vertical
summary
Argues that vertical media queries are practical now and shows two working prototypes: a Wikipedia-style longform adaptation that swaps fonts, centers figures and toggles sections with display none instead of a separate URL, and a VW-style left drawer that uses LESS mixins to compute em-based positions and expose between three and six primary items while allowing 100+ secondary links to scroll. Claims height queries avoid device sniffing, require only CSS math and positioning, and produce an accessible, reusable component that actually works.
AI-written summary · about
chapters (4)
- 0:00Introduction to Vertical MQs
- 10:39Case Study: Wikipedia
- 16:02Case Study: VW Navigation
- 29:40Conclusion and Future Ideas
