Bramus (is on vacation 🌴)'s Avatar

Bramus (is on vacation 🌴)

@bram.us.bsky.social

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

8,619 Followers  |  318 Following  |  701 Posts  |  Joined: 08.05.2023  |  1.7228

Latest posts by bram.us on Bluesky

We're kicking this Bluesky party up a notch πŸŽ‰ and here to give developers what they want (what they really, really want)!

What Chrome features and topics would you like to learn more about?

04.08.2025 16:35 β€” πŸ‘ 40    πŸ” 8    πŸ’¬ 6    πŸ“Œ 3

AFK right now, but I'm sure you can simply brew cask install it.

04.08.2025 11:51 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

In the past I’ve used VMware Fusion for this. I heard it’s free nowadays.

04.08.2025 08:28 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Still happy with my β€œdumb little printer” –an entry-level office laser printer by HP from 20 years ago– exactly because of 1.

03.08.2025 10:12 β€” πŸ‘ 5    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
p:has(img) + h2 {
  margin-top: 3rem;
}

p:has(img) + h2 { margin-top: 3rem; }

If this were the only use case for CSS :has(), I'd still be happy. Such a live saver! πŸ‘Œ #CSS

Context: this is useful in generated content where the CMS wraps an `<img>` tag inside a `<p>`.

03.08.2025 06:20 β€” πŸ‘ 51    πŸ” 2    πŸ’¬ 3    πŸ“Œ 0

Not yet … there is a thread at the CSSWG to be able to capture values from matched elements and reuse those values in the rest of a selector.

03.08.2025 01:06 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

4) printer does not refuse to print because it's low on cyan when printing a black and white document.

03.08.2025 01:02 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 2    πŸ“Œ 0
Preview
Designing Websites for iPhone X The section below about safe area insets was updated on Oct 31, 2017 to reflect changes in the iOS 11.2 beta.

Use LVH on the container and then use the safe-area-inset-* envvars to make sure its contents does not bleed into the toolbars.

webkit.org/blog/7929/de...

03.08.2025 01:00 β€” πŸ‘ 6    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Blink: Intent to Prototype & Ship: activeViewTransition property on document Blink: Intent to Prototype & Ship: activeViewTransition property on document

Blink: Intent to Prototype & Ship: activeViewTransition property on document

30.07.2025 15:32 β€” πŸ‘ 3    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
Warning: Phishing campaign detected – Mozilla Add-ons Community Blog The developer community should be aware we’ve detected a phishing campaign targeting AMO (addons.mozilla.org) accounts. Add-on developers should exercise extreme caution and scrutiny when receiving em...

🚨 PSA for @firefox.com add-on developers 🚨

There's a phishing campaign that's using false urgency to trick developers into granting a 3rd party access to their AMO accounts. Stay safe out there!

blog.mozilla.org/addons/2025/...

01.08.2025 22:42 β€” πŸ‘ 4    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0

πŸ‘€ 🦊 πŸ₯³

31.07.2025 17:52 β€” πŸ‘ 13    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
This page requires Google Chrome 140.0.7300.0 or later with chrome://flags/#enable-experimental-web-platform-features enabled.

Want to provide feedback on an experiment in building a fit-text-width (fit text width to container) experiment? Try it out in Canary (enable experimental features flag) and tell me what you think! www.haun.org/kent/html5/f...

29.07.2025 20:00 β€” πŸ‘ 8    πŸ” 3    πŸ’¬ 1    πŸ“Œ 0
Preview
una.im | Creating a scroll-spy with 2 lines of CSS scroll-target-group is a new CSS feature that lets you create scroll-spy table of contents with basically 2 lines of CSS.

scroll-target-group is coming to Chrome 140 (stable next month)!

Building on CSS carousel APIs, scroll-target-group lets you "enhance" elements into scroll markers, enabling you to build this scroll-spy effect in 2 lines of CSS!

Makes for a great progressive enhancement!

una.im/scroll-targe...

29.07.2025 19:30 β€” πŸ‘ 64    πŸ” 14    πŸ’¬ 4    πŸ“Œ 0

It wasn't me who made that image …

28.07.2025 09:59 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Selfie on a sailing boat.

Selfie on a sailing boat.

πŸ‘‹ Bye, Menorca. Until next time.

27.07.2025 06:55 β€” πŸ‘ 11    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

I worked college summers on electrical crew. Even then, the staff electrician who trained me was just vibe wiring his way through dorms. We'd come behind & fix his work.

The attitude isn't new, but I never expected hype for incompetence. I hope there's always work for people who do the fixing.

27.07.2025 04:35 β€” πŸ‘ 29    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0
Preview
It's time for modern CSS to kill the SPA Native CSS transitions have quietly killed the strongest argument for client-side routing. Yet people keep building terrible apps instead of performant websites.

β€œThe reason SPAs became the default wasn’t because they were better. It was because, for a while, they were the only way to deliver something that felt fluid – something that didn’t flash white between pages or jank the scroll position.”

www.jonoalderson.com/conjecture/i...

26.07.2025 01:13 β€” πŸ‘ 63    πŸ” 12    πŸ’¬ 6    πŸ“Œ 2
Preview
Making Sense of the Performance Extensibility API – CSS Wizardry Making senseβ€”and use!β€”of the new Performance Extensibility API in Chrome DevTools.

πŸ“– Making Sense of the Performance Extensibility API

csswizardry.com/2025/07/the-...

25.07.2025 14:21 β€” πŸ‘ 19    πŸ” 11    πŸ’¬ 0    πŸ“Œ 1
Preview
Celebrating 20 years of MDN | MDN Blog MDN turns 20! Let's look at how we started, how MDN became the most trusted resource for web developers, the impact it's had on the open web, and yes, there's cake, too.

MDN is 20 years old! πŸ₯³

πŸ™ A huge thank you to...
The devs who read and trust MDN
The contributors who improve it
Everyone working on the web platform who shares our mission.

Here's how we celebrated with the web.dev team! 🧁
developer.mozilla.org/en-US/blog/...

24.07.2025 15:01 β€” πŸ‘ 108    πŸ” 29    πŸ’¬ 4    πŸ“Œ 0
FFConf early bird tickets end in 7 days. The image shows the FFConf logo next to a young chick in half a shell and an egg timer (appropriately!)

FFConf early bird tickets end in 7 days. The image shows the FFConf logo next to a young chick in half a shell and an egg timer (appropriately!)

7 days left of our early bird pricing. Then tickets close for the summer holidays, and reopen at full price.

24.07.2025 16:50 β€” πŸ‘ 2    πŸ” 4    πŸ’¬ 0    πŸ“Œ 4
Blink: Intent to Prototype: @custom-media Blink: Intent to Prototype: @custom-media

Blink: Intent to Prototype: @custom-media

24.07.2025 11:39 β€” πŸ‘ 14    πŸ” 5    πŸ’¬ 1    πŸ“Œ 2
Preventing scrollbar layout shifts Have you ever been on a website and navigated between pages, only to notice that the layout shifts slightly because the scrollbar suddenly appears on longer pages?

πŸ”— Preventing scrollbar layout shifts

24.07.2025 12:56 β€” πŸ‘ 18    πŸ” 5    πŸ’¬ 0    πŸ“Œ 0
Panel 1: Bus driver saying "Don't make me tap the sign"
Panel 2: The bus driver tapping a sign that says "Engineers must review all AI generated code"

Panel 1: Bus driver saying "Don't make me tap the sign" Panel 2: The bus driver tapping a sign that says "Engineers must review all AI generated code"

Been seeing an uptick in what are clearly vibe-coded PRs. On the surface this seems great -- more contributors!

But in the reality it's often AI slop that the person hasn't reviewed and instead the burden of review is on us, the maintainers -- which is a horrible trade.

23.07.2025 23:29 β€” πŸ‘ 65    πŸ” 12    πŸ’¬ 4    πŸ“Œ 3
Sign in - Google Accounts

Could you file a bug over at crbug.com/new? Thanks!

24.07.2025 07:18 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Elephanty.

22.07.2025 15:30 β€” πŸ‘ 5    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Preview
I displayed an open graph image and had to pay how much?! - Alistair Shepherd A media company demanded a license fee for an Open Graph image used on my twitter archive. I gave in and paid it, but what does that mean for open graph images and copyright?

New blog post! πŸš€

A few months ago a media org demanded a license fee for an open graph image I linked. I paid the fee because I was worried, but it raises serious questions about open graph usage on the web!

This goes through how it went and my thoughts.

alistairshepherd.uk/writing/open...

22.07.2025 14:33 β€” πŸ‘ 28    πŸ” 11    πŸ’¬ 10    πŸ“Œ 1

I implemented Lean's CSS-only image placeholder algorithm (and 3 others) on Cloudflare Workers jeremymorrell.dev/sketches/lqi...

21.07.2025 23:56 β€” πŸ‘ 52    πŸ” 7    πŸ’¬ 2    πŸ“Œ 1

I’ve filled it in. Have you?

Browser vendors keep a close eye on the results of these surveys and use them to help prioritise what we work on so this is your easiest opportunity to influence what we work on!

20.07.2025 05:59 β€” πŸ‘ 13    πŸ” 4    πŸ’¬ 2    πŸ“Œ 0

The short version is this person was "vibe coding" and gave the LLM direct access to his production database. It decided to delete the database. Then he started asking questions like it's an actual human with accountability. And it basically said "oops".

20.07.2025 20:30 β€” πŸ‘ 224    πŸ” 56    πŸ’¬ 11    πŸ“Œ 4
Cookie consent popup saying "we care about your privacy" and later "view our 915 partners"

Cookie consent popup saying "we care about your privacy" and later "view our 915 partners"

sorry, if you send my information to NINE HUNDRED AND FIFTEEN different companies i don't believe you actually care about my privacy

20.07.2025 12:56 β€” πŸ‘ 124    πŸ” 27    πŸ’¬ 3    πŸ“Œ 1

@bram.us is following 20 prominent accounts