Speaker

Bramus Van Damme

Bramus Van Damme

Chrome Developer Relations Engineer at Google

Gent, Belgium

Bramus Van Damme is a web developer from Belgium. 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.

As a Chrome Developer Relations Engineer at Google, he spreads the word on CSS, UI, and DevTools. Before joining Google, Bramus worked as a freelance developer in various front- and backend roles. For seven years he also was a College Lecturer Web & Mobile, educating undergrad students all about HTML, CSS, and JavaScript — in that order.

In his spare time Bramus likes to go Scuba Diving. In 2016 he became a certified PADI Master Scuba Diver, and in 2017 he became a professional dive leader after finishing his PADI Divemaster training (Certification #405966).

Area of Expertise

  • Information & Communications Technology

Topics

  • Web Development
  • Frontend
  • Frontend Development
  • Web Frontend
  • CSS
  • CSS Architecture
  • CSS Grid
  • CSS Flexbox
  • CSS3

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.

Animate between states with the View Transition API

It is important for a user interface to feel polished and fluid. A great way to help with that are appropriate animations and transitions. They help users build an accurate mental model of how the interface works, thereby increasing the overall usability.

In this talk, you’ll learn how you can use View Transitions to achieve exactly that. With just a few lines of JavaScript, you can transform your SPA to have rich animations between two page pages states. Leveraging the power of CSS, you can customize the transitions.

Bramus Van Damme

Chrome Developer Relations Engineer at Google

Gent, Belgium