Advertisement · 728 × 90

Posts by Bramus

<h1> to <h6> are HEADINGS
<header> is a HEADER
<th> is a TABLE HEADER
<thead> is a TABLE HEADER GROUP
file under #HTML terminology

7 hours ago 38 6 6 0
Overview of the border-shape property

Overview of the border-shape property

💡 CSS Tip!

We've just had the release of @developer.chrome.com 147, which means border-shape was enabled by default! 👀

css-tip.com/border-shape/

Another property to create CSS shapes, but not only that! We can do a lot of fancy stuff with it. Many cool demos/articles are on the way 🤩

4 days ago 41 11 3 3
Video

I and Jason are currently working on implementing the CSS `polygon() round` keyword in Chrome.

This is one of my favorite CSS features! Thanks to @lea.verou.me for bringing it to CSS.

Enable the `enable-experimental-web-platform-features` flag in Chrome Canary
codepen.io/yisi/pen/NPR...

3 days ago 59 10 0 2

Thanks for the shoutout, and thank you for testing things along the way.

I see the necessary CL hasn’t been merged yet … so people can’t test this using the official builds yet.

2 days ago 1 0 0 0

!somewhatimportant 😜

2 days ago 0 0 0 0
The CSS Cascade: A Deep Dive (2022.06.09 @ CSS Day) Slides + Video of a talk covering the CSS Cascade, which I gave at CSS Day 2022.

You should give www.bram.us/2022/06/28/t... a watch 😉

2 days ago 2 0 0 0
The CSS Cascade: A Deep Dive (2022.06.09 @ CSS Day) Slides + Video of a talk covering the CSS Cascade, which I gave at CSS Day 2022.

The TL;DR is that you shouldn’t be using !important … and using layers helps with that :)

Also see www.bram.us/2022/06/28/t... if you want to dig deeper.

2 days ago 3 0 1 0
The Future of CSS: Cascade Layers (CSS @layer) When authoring CSS we have to carefully think about how we write and structure our code. Cascade Layers (CSS @layer) aim to ease this task.

That’s not cascade layer madness you are demonstrating there, but !important madness.

The inversion you see here is the same effect as seen on origins themselves when !important is at play.

See www.bram.us/2021/09/15/t... for details.

2 days ago 3 0 1 0
Advertisement
Preview
No-stack web development The one where I code artisanal organic free-range websites

blogged: No-stack web development

dbushell.com/2026/04/10/n...

— a little heavy-handed but i say better to build up from nothing than immediately lock-in to fragile foundations

2 days ago 38 6 1 0

Thanks for filing. I'll get some folks to take a quick peek to assess things.

3 days ago 1 0 0 0

@jason-williams.co.uk might be able to help you out there.

3 days ago 4 0 0 0

I believe there are still some open spots left on the Google Graveyard … 😜

3 days ago 7 0 1 0

🫵 You’re hired!

3 days ago 7 0 1 0

Yeah, that was … weird. We can (and must) do better here, and we’re following up internally to getting this sorted.

3 days ago 16 0 2 0

TIP: Our websites developer.chrome.com and web.dev have RSS feeds nowadays, so they’re easy to follow. The former is Chrome-specific (release notes, feature previews, etc), the latter about the wider web platform.

And there’s a bunch of Chrome DevRel folks here on Bsky (and elsewhere) to follow 😊

3 days ago 6 0 0 0
Preview
The Intl API: The best browser API you're not using | Polypane Chances are you've used Moment.js , date-fns , Luxon , or numeral.js at some point. Developers have relied on these libraries for years to format dates…

We make good use of the Intl API in our app and on our website, so it was high time we did a Polypane-style deep-dive on it.

Check out our new article, play around with the interactive examples or hear Kilian yap about it on video. Whatever works for you!

polypane.app/blog/the-int...

4 days ago 16 7 4 1
Advertisement

Aw, thanks for the kind words there, Marc 🥰

And yes, it was weirdly a very long time before our paths actively crossed. I’m happy I got my calendar sorted this year and am very excited to be joining BT for the very first time — it’s been long overdue.

3 days ago 0 0 0 0

+1 on the robots having ruined the use of the em-dash 😞 — it was the best.

3 days ago 0 0 0 0

Thanks!

I can come up with some individual names, but they don’t seem to form good pairs.

- intersecting: overlapping / crossing / joined
- dangling: open / shy (x-ref “crown shyness”) / separated

4 days ago 1 0 0 0

I’m subscribed to your RSS feed, so the signals should reach me :)

4 days ago 1 0 1 0

I’m missing some context to do an informed suggestion: What are the current property names you are considering and what are their values?

(Or if you don’t want to contaminate folks’ brains: what are the properties used for?)

4 days ago 0 0 1 0

I can do with an iframe for now :)

4 days ago 0 0 0 0
Preview
Depending on size and details, around one week.

Apex Domains work with CodePen Deployed Pens.

This Pen:
codepen.io/editor/chris...

Points to this domain:
bendtreehouses.com

Because I'm using Cloudflare for the DNS, which supports CNAME records "at the root" that point to domains.

Two minutes explains all:
www.youtube.com/shorts/7Qja1...

5 days ago 19 4 2 1
Preview
View Transitions Feature Explorer ...

Is there a way to convert a v1 pen to v2? I want to add a custom domain to codepen.io/web-dot-dev/... but can’t because it’s a v1 pen …

4 days ago 2 0 1 0

It was one of the parts of Houdini indeed (other parts included Props and Values (`@property`) and the Typed OM) but one that unfortunately was never gotten to.

I’m trying to get the discussion around this one started again …

4 days ago 3 0 1 0

Next step is that I need to gather signals from developers … and this counts as a signal :)

4 days ago 2 0 2 0
Advertisement

My talk from State of the Browser is available to watch now. This was so much fun to do, and thanks to @londonwebstandards.org @letorey.co.uk for asking me to be part of it.

5 days ago 24 6 3 3

Now imagine a world in which www.bram.us/2025/05/04/c... existed, and one didn't have to jump through all those hoops of fetching + parsing + rewriting the CSS …

Would you want that?

4 days ago 19 1 5 0

10/ You can solve an enormous number of technical problems by taking a walk

5 days ago 63 15 3 1
Inverted themes with light-dark() We rolled out adaptive light-dark() support on our design system themes and it’s been a delightful upgrade. Creating light and dark variable sets isn’t difficult, but delivery has trade-offs. Most app...

📝 New post: Automatic inverted themes with light-dark()

daverupert.com/2026/04/inve...

5 days ago 17 4 3 0