Modern CSS + Design Systems with Stephanie Eckles

Coding Design Systems

Design systems as they relate to 11ty + modern CSS opportunities.

In this episode, let’s go covering upcoming CSS features like container queries or @layer to organize and architecture the way your distribute you design system. We also cover different ways to define a component with Nunjucks so you can distribute and reuse them in your static website, allowing to create a design system for your static web content as well!

About Stephanie

Stephanie Eckles is a front-end-focused SWE at Microsoft. She’s also the author of which provides modern solutions to old CSS problems as in-depth tutorials and is the creator of, and author of and 11ty.Rocks. Steph has well over a decade of webdev experience that she enjoys sharing as an author, egghead and workshop instructor, Twitch streamer, and conference speaker. She’s an advocate for accessibility, scalable CSS, and the Jamstack (especially Eleventy). Offline, she’s mom to two girls and a cowboy corgi and enjoys baking.


Previous episodes you might be interested in