Engineering CSS - From type to function

Is CSS a programming language? And if so, how do you program in it? In this session you will learn how to create some solid engineered systems in CSS.

We will learn how to create 4 fully styled buttons with only 22 lines of code, or create a grid that is flexible and adaptable. Once we get into that engineer thinking, let's evolve further with some typing in CSS by using @property, highly upgrading your CSS debugging and animation skills. We will finally end with taking a glimpse to the future with newly adopted things by the CSSWG such as functions, mixins and conditionals.

This talk is highly technical, with a twist and a laugh, let's get into that engineer thinking with CSS.

You can find some links here (including a link to previous slides):

https://slides.utilitybend.com/css-engineering

The future of UI is "open"

When dealing with more advanced UI elements there are a lot of things that go wrong. They impact performance, accessibility and have the tendency to create frustrations along the way.

By combining modern web capabilities we'll take a peek at the future of styling custom UI by only using HTML and CSS. Strap on your seatbelt, because in this presentation, we'll be diving into the world of popovers, invokers, stylable selects, and accordions. Giving you less frustration, performance boosts and basic accessibility out of the box.

In this talk, I will be introducing you to the W3C community around Open UI, while also taking a little detour with the Anchoring positioning in CSS for some beautiful UI made easy with web capabilities.