The CSS Cascade: A Deep Dive

CSS is short for Cascading Style Sheets. But what exactly is this Cascade, and how does it work? What are Origins? How do you calculate Specificity? And where do those new Cascade Layers you might have heard of fit in? And oh, what exactly happens when you use an !important somewhere?

In this insightful talk, we’ll take a look under the hood of browsers, and detail how they determine which CSS declarations to apply and which not.

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.

What’s new in CSS?

Things have been going hard for CSS the past few years, with many new features landing across browsers at a very fast pace.

With this talk you’ll be up to speed on some of the recent additions to CSS and how they allow you to write cleaner, clearer, and more maintainable CSS. They might even allow you to remove some nasty CSS hacks or JS-based solutions that you’re currently relying on.

And oh, time permitting we’ll also take a look into the future at what’s to come next …

Scroll-Driven Animations with CSS

A new addition to CSS are “Scroll-Driven Animations”. With it, you can link animations to the scroll offset of a scroll container using only CSS — no JavaScript needed! In this demo-heavy presentation, we'll dig into what this spec has to offer and dissect some of its demos (such as a working Cover Flow implementation) + use-cases.

Supercharge Web UX with View Transitions!

Tired of disjointed web apps? View Transitions are the game-changer you've been waiting for. Whether your app is single or multi-page, this powerful API lets you create seamless, native-like experiences that captivate users. Join me as I dive into the world of View Transitions, showing you how to replace jarring page loads with elegant transitions. Learn to harness the flexibility of CSS and the power of JavaScript to customize transitions and create a truly unique experience. If you're ready to take your web apps to the next level, this talk is a must-attend.

Beyond the Spec: Cranking View Transitions up to 11 (Safely, Maybe)

Ever wondered what happens when you push the View Transition API beyond its documented limits? This talk throws caution to the wind and explores the wild side of View Transitions, cranking them up to 11. We'll combine them with Scroll-Driven Animations, trigger them automatically with MutationObserver, and even resurrect classic Internet Explorer’s Page Transitions using this modern API. Prepare for unconventional use cases, unexpected results, and a healthy dose of experimentation as we venture beyond the spec. If you're a web developer who loves to tinker and push boundaries, this is the talk for you.

Extra-Long Title: “Beyond the Spec: Exploring the Fringes of the View Transition API (An Experimenter's Guide to cranking View Transitions up to 11 without voiding your warranty)”