CSS Architecture (2022.12.01 @ Web Directions Summit)

I am currently in Australia, attending Web Directions Summit 2022. At the conference, I gave a talk on CSS Architecture.

Things have been going hard for CSS the past year, with a ton of stuff (soon) landing across browsers.

In this talk we take a look at some of these new and future additions to CSS: @layer, @scope, the :has() selector, nesting. Thanks to these features we can architect cleaner, clearer, and more maintainable CSS.

My colleagues Thomas, Rachel, and Alexandra also spoke at this edition.

~

Slides

The slides of my talk are up on slidr.io and also embedded below:

~

Thanks!

Including my passages at virtual editions – Web Directions Global Scope in 2021 and Web Directions Hover earlier this year – this is my third appearance at Web Directions. I would like to thank the organisers John, Jane, and Rosemary for inviting me to speak at their event again.

It feels good to talk to real audiences and have conversations with real people again. Finally being able to meet some of my twitter friends IRL is simply great. Being back in Australia – 13 years after I first visited – is the extra cherry on top.

Me and Ahmad Shadeed, both of us incredibly jet lagged. We’ve known each other from Twitter for a few years now and even worked together (I tech reviewed his book Debugging CSS). At Web Directions we got together IRL for the first time.

Hopefully you all had fun attending my talk — I know I had making it (and whilst bringing it forward) — and perhaps you even learned something from it along the way 🙂

~

💁‍♂️ If you are a conference or meetup organiser, don't hesitate to contact me to come speak at your event.

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Unless noted otherwise, the contents of this post are licensed under the Creative Commons Attribution 4.0 License and code samples are licensed under the MIT License

Join the Conversation

1 Comment

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.