Brecht De Ruyte
DevRel at iO, Google Dev Expert, Writer
Deinze, Belgium
Actions
Brecht De Ruyte is a self-taught front-end developer located in Belgium with a passion for UX and Design. During the day you can find him working at iO, a full service agency. Besides that, he is also a Google Developer Expert, Smashing Magazine writer and blog owner of utilitybend.com. He also participates in the W3C communities: Open UI, CSS-next, and WHATNOT
Links
Area of Expertise
Topics
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
Select it! - Styling new HTML UI capabilities
We are getting spoiled with increased UI capabilities, partially thanks to the efforts from the W3C community group Open UI. One of those features is the customizable select. This new capability for selects seems to love new CSS features, and that love is mutual.
This presentation is a love letter to W3C community groups, new UI capabilities, and CSS, showing you how to combine features such as anchoring, transitioning, scroll snapping, and much more to create fun, progressively enhanced, customized select elements.
Preferred duration is around the 45 minute mark. Target audience is front-end developers who want to learn about new HTML and CSS capabilities and want to get inspired by many things coming together.
This covers CSS techniques: anchor position, scroll snap, scroll-markers, :has() and a lot more modern ideas. Some solid CSS foundation is required.
Pop it, Invoke it, Select it
How do you create UI elements that are controllable, accessible, and styleable? What about performance? With the work being done at Open UI, we are getting many new web standards, such as popovers, invokers, customizable select elements, and more. In this talk, I will walk you through how you can get easy wins by relying on web standards while also giving you a bit of background on Open UI. This talk is packed with practical examples and some over-the-top eye-candy to back it up.
With the help of some new CSS features such a anchoring or interest-delay, we get some really practical examples and a look into the (near) future as well.
This talk has one small audio fragment, but it can be removed if audio is not an option.
The subjects of this talk can slightly evolve as we are also taking a glimpse into future specs.
Brecht De Ruyte
DevRel at iO, Google Dev Expert, Writer
Deinze, Belgium
Links
Actions
Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.
Jump to top