About Miriam and Bramus

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.

Miriam makes music, theater, and web software. She's an Invited Expert on the CSS Working Group, a core contributor to the Sass language, a regular conference speaker, and a lover of yarn-related crafts.

Bramus

Bramus van Damme was the first speaker, He had a talk about View-Transitions in many varieties. i was intrigued almost immediately. He mostly talked about these topics:

Same-page-view-transitions

The same page view transition is a way to animate changes to the dom. For example with this you can animate the display none property by using js. The view transition essentially creates a screenshot of the current page before the transition happens and after and then it layers the screenshot on top of the new page. This way you can animate an element that will be getting display none for example.

View transitions are still not usable on every browser. For now it only works on chrome but that shouldn't take very long.

Cross-page-view-transitions

Cross page view transitions is essentialy the same as the same page view transition except it works when you go to another page on the same origin. Now you can create an animation when you switch form one page to the other. This really sparked an interest in me. With this you can basically animate anything you want.

This is still under development and is as of writing this blog not usable. But it should be released in the next chrome update.

Miriam

Miriam was the last speaker and talked a lot about css. She mostly focussed on the container queries and what all you can do with them. She also explained why container queries only came into existence recently while the concept was made in 2011.

Container queries weren't used because they could cause infinite layout loops. In which the container was made larger because of the text inside and when that happend, the text inside would grow aswell creating a loop.

They fixed this by making it so that container queries aren't able to change the side of the container it is in. This way the container cannot change size because of the container querie thus not creating a loop.

Reflection

Looking back on the day itself i found it a bit long. The lectures went on for a total of 2 hours which wouldn't be much of a problem if we didn't have to also type this blog post about it. Because of this i spent most of the talk just writing stuff down instead of properly listening to what the speakers were saying. But this is true for most of the weekly nerds.

Despite all that i still enjoyed learning from miriam and bramus. They showed me some really awesome things and explained a few things to me which i've never even thought about.

For my selfimprovement

There are a few things i have learned from the 2 speakers. I learned that view transitions are awesome and i should really start using them to create very nice looking websites. And i learned how container queries came to be and what the problem with them was / is.