Modern CSS For Dynamic Component-Based Architecture | Stephanie Eckles | CSS Day 2023

Unlock the potential of modern CSS development! Explore a modern project architecture that emphasizes theming, responsive layouts, and component design. Learn about features to improve code organization, and dig into layout techniques such as grid and container queries. Get inspired by real-world examples of context-aware components that use cutting-edge CSS techniques. After this informative session, you’ll be inspired to expand your CSS skills and ready to create scalable, future-friendly web projects.

[Islandstone]

Very interesting talk! Here are some more descriptive timestamps:

2:37 CSS Reset additions
7:57 Native CSS Nesting
10:10 Cascade Layers
15:15 color-scheme
15:58 accent-color
17:38 Grid utility class
20:10 Flexbox utility class
23:00 Button Component
26:56 Card Component
36:36 Pagination Component
42:10 Navigation Component
51:31 Summary
52:34 Questions

[zlnka]

this is a great talk, thanks for sharing!

[juniordevlife]

Thanks Stephanie! Awesome examples and showcases. I will try it out in my next projects.😍

[TrostCodes]

Stephanie is incredible, I can't wait to dig into this!