Smashing NYC Debrief
Far more detailed notes and slides
Outline
- CSS ideas and recommendations for clean design patterns
- HTTP2 and the first meaningful paint
- Service Workers
- (Maybe) Container Queries
CSS design ideas and patterns - Nathan Curtis
- Powers of 2
- small - 4px
- medium - 8px
- large - 16px
- XL - 32px
- ...
- Get to the 2nd or 3rd moment of reuse before abstracting
- Standardized design styles contribute to easier readability and maintainability of CSS
HTTP2 and the first meaningful paint - Patrick Hamann
Normal Inclusion
vs
Inlined Critical Styles
vs
Preload
vs
Server Push
vs
Async Push
Getting Started With Service Workers - Lyza Gardner
Container Queries - Eric Portis