CSS:has(.everything)
Anton Ball Dev Lead Doist
In this talk, Anton will explore the latest and most interesting CSS advancements coming to browsers, including CSS Layers, new selectors like the parent selectors (:has), new color functions, layout modes and more. These tools allow for more responsive design, simpler selectors, and better organisation of your CSS code.
Throughout the talk, you’ll see engaging examples that will help you pick up tips and best practices for incorporating these techniques into your work, as well as a little inspiration for what’s to come!
View transitions in the real world
Elly Loel Accessible Web Designer/Developer Department of Employment and Workplace Relations
View transitions can significantly reduce cognitive load, offering users a smoother and more intuitive experience compared to static, abrupt changes. We'll explore the technical implementation of both same-document and cross-document view transitions, through many real world examples. We’ll also focus on best practices for ensuring accessibility and enhancing usability, leading to an overall improved experience.
Speculative Loading: The Future of Navigation
Quynh-Chi Nguyen Staff Software Engineer Stile Education
Speculation can be risky business, but it's worth taking risks for the rewards! With speculative loading, we can predict the future to guess what our users are going to do next, and preload resources to give them a speedier, smoother experience.
We'll discuss when you should and shouldn't use speculative loading, and how to choose what to preload. We'll explore what you can do right now across browsers to speed up your page loads and navigations, and take a look at Chrome's new Speculation Rules API and when to use it.