Bramus (on vacation 🏝️)

@bram.us

9820 Followers 424 Following

Chrome DevRel at Google (CSS + Web UI + DevTools). CSSWG Member. PADI Divemaster. Blogs at bram.us. Lives in Belgium.

Screenshot of Chrome 151 showing the specificity calculation for the currently hovered over selector.
Screenshot of the editor.
Me at #GoogleIOConnect Berlin, hosting a panel. From left to right we have Bramus, Rachel, Jeremey, Michael, and Brecht.
Me on stage at Beyond Tellerrand Dusseldorf 2026
Photo of Mike Skinner in a shed that represents the iconic one from the "A Grand Don't Come For Free" album by him and his band The Streets
Promotional Image for the State of CSS Survey 2026
Screenshot of the “Disclosure and Acknowledgement” section of the Chrome Origin Trials signup form. The text reads: > By registering for this origin trial, you acknowledge the following: > > - I understand that this feature is experimental and may at any point become unavailable, and may never be enabled beyond this experiment, and even if Chrome decides to enable the feature after this trial, it will be unavailable for some time. > - I understand that this feature may change throughout the course of the trial. > - I understand that I may need to limit use of this experimental feature to some subset of my users because of the limit whereby an experimental feature will be disabled if it is used on more than 0.5% of Chrome page loads (as a median over a 14 day period). > - I understand that I may need to apply feature detection / graceful degradation to handle the case where the experimental feature is unavailable.
Photo of the structure of my new feedback doc. The first line of feedback reads "this is confusing as hell" 😁
Screenshot of a repro
Adam on stage.
Una on stage, with the 5 principles listed on screen.
Opening slide of our demo
Photo of my (now decorated) badge.
Photo of my badge.
Adam, Una, and I.
Photo of my coffee maker, brewing a coffee in a CSS Day mug.
Photo of my deck open in Keynote.
Sketch of a stick figure staring at the screen, thinking deeply about things.
Screenshot of Chrome in split tab mode. On the left is a discussion thread of a PR on GitHub and on the right is the changes view of that same PR. For some reason I cannot comment on the thread itself and my reply (as done on the changes view) does not show up either.
Screenshot of the `flex-wrap: balance` ChromeStatus entry. It’s shipping in Chromium 150.
I scored 435. Of the 46 features mentioned in the survey, I have used 41 and have heard of 5 more.
Photo of my plane.
Me with my JSHeroes T-Shirt
Screenshot of https://io.google/2026/explore/pa-keynote-10
Josh on stage during the closing remarks. The slide reads "A conference is a physical network of incredible people"
Jake on stage, showing how he made text-selection work in his demo.
Photo of Jake on stage, showing some footage from HTTP203 which we both were in.
Photo of my computer with Apple Keynote open. The app has my deck's title slide visible. In the background there are people waiting in the airport.
Screenshot of the commit on GitHub
André on stage.
Niels on stage, showing his clock.
Barry and me at the Hollywood sign.
Una, Me, and Barry on stage at Google I/O Connect Berlin
AI-generated comic in the style of "Yes, but". The "yes" frame shows this CSS: ``` .wrapper { container-name: --wrapper; } @container --wrapper { .child { … } } ``` The "but" frame shows this CSS: ``` @scope (.wrapper) { .child { … } } ```
Screenshot
Screenshot of my extension showing the CB for the theme-switcher element.
Brecht giving his talk. On screen is a slide about scroll-state queries.
Screenshot of https://interop-2022-viewport.netlify.app/individual/safe-inset-areas/viewport-fit-cover in Chrome 146
Photo of Claudia on stage. On the screen, the "we're back baby" meme from Futurama is shown.
Recording of a POC extension I built to debug CSS Anchor Positioning
Screenshot from iOS.
Screengrab of my score
Photo of Roy of the Ravers's album "2 Late 4 Love" (ACIWAX 90) featuring the stellar track "Emotinium".
Screenshot of Safari 26.4 beta.
Screenshot from Feedly. It's showing that a ticket costs over 70000 euro.
Recording of https://codepen.io/bramus/pen/bNeydYM. See the next post in this thread for a description of the actions
Example code showing `view-transitions-mock` usage.
Screenshot of Chrome inspecting an element’s padding box. The highlight is too wide and also covers the scrollbar area. The reported 803px does not take the scrollbar into account (it should be 788px)
Video of the Statue of Liberty in the distance.
Recording of the demo
Schematic showing where the speaker on an iPhone 17 Pro is located. Image source: https://www.apple.com/iphone-17-pro/specs/#:~:text=External%20Buttons%20and%20Connectors