Josh Tumath
@joshtumath.uk
Dev in the BBC Design System team. CSSWG member. Here for CSS nerdery, design systems and Intrinsic Web Design. Also Christian and 日本語学習者. he/him
Pinned
Josh Tumath
@joshtumath.uk
· Nov 3
Hello to recent new followers!
I guess I should give a brief introduction. I'm Josh and I've been working on the BBC's Design System team for over five years. My passion is CSS and I recently had the privilege of joining the CSSWG in the summer.
I hope to serve you all well. 🫡
I guess I should give a brief introduction. I'm Josh and I've been working on the BBC's Design System team for over five years. My passion is CSS and I recently had the privilege of joining the CSSWG in the summer.
I hope to serve you all well. 🫡
Reposted by Josh Tumath
In a recent blog post by @joshtumath.uk I learned about a proposal for a new meta tag that, in the future, may enable us to instruct browsers to respect text size settings on websites.
matuzo.at/blog/2026/te...
matuzo.at/blog/2026/te...
A new meta tag for respecting text scaling on mobile - Manuel Matuzovic
I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.
matuzo.at
February 6, 2026 at 7:27 AM
In a recent blog post by @joshtumath.uk I learned about a proposal for a new meta tag that, in the future, may enable us to instruct browsers to respect text size settings on websites.
matuzo.at/blog/2026/te...
matuzo.at/blog/2026/te...
Web devs, you will soon have a whole new way to make APIs for your components.
It looks like style() container queries are enabled in @firefoxnightly.bsky.social - this is one of the features I'm looking forward to most. Especially with range queries starting to roll out.
@ container style(--progress > 80%) {
background: green;
}
bugzilla.mozilla.org/show_bug.cgi...
@ container style(--progress > 80%) {
background: green;
}
bugzilla.mozilla.org/show_bug.cgi...
2014404 - Enable the `layout.css.style-queries.enabled` pref on Nightly
RESOLVED (jfkthame) in Core - CSS Parsing and Computation. Last updated 2026-02-04.
bugzilla.mozilla.org
February 5, 2026 at 6:40 PM
Web devs, you will soon have a whole new way to make APIs for your components.
Reposted by Josh Tumath
It looks like style() container queries are enabled in @firefoxnightly.bsky.social - this is one of the features I'm looking forward to most. Especially with range queries starting to roll out.
@ container style(--progress > 80%) {
background: green;
}
bugzilla.mozilla.org/show_bug.cgi...
@ container style(--progress > 80%) {
background: green;
}
bugzilla.mozilla.org/show_bug.cgi...
2014404 - Enable the `layout.css.style-queries.enabled` pref on Nightly
RESOLVED (jfkthame) in Core - CSS Parsing and Computation. Last updated 2026-02-04.
bugzilla.mozilla.org
February 5, 2026 at 5:11 PM
It looks like style() container queries are enabled in @firefoxnightly.bsky.social - this is one of the features I'm looking forward to most. Especially with range queries starting to roll out.
@ container style(--progress > 80%) {
background: green;
}
bugzilla.mozilla.org/show_bug.cgi...
@ container style(--progress > 80%) {
background: green;
}
bugzilla.mozilla.org/show_bug.cgi...
Hopefully it will mostly mean continuing to follow best practices that you know already. But when you make your website 'mobile first', change that to 'mobile first with text scaled up 200%'.
February 3, 2026 at 11:24 AM
Hopefully it will mostly mean continuing to follow best practices that you know already. But when you make your website 'mobile first', change that to 'mobile first with text scaled up 200%'.
Reposted by Josh Tumath
🎉 Live from the CSS WG F2F: We just agreed to support multiple borders and outlines per element, comma-separated!
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
January 28, 2026 at 10:03 PM
🎉 Live from the CSS WG F2F: We just agreed to support multiple borders and outlines per element, comma-separated!
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
But we can’t decide on the order: inside out or outside in?
What feels more natural to you, A or B?
(it needs to be the same across borders and outlines or different box-sizing values)
OH MY GOSH LEA THIS IS GREAT NEWS!!! Congrats! I will catch up on the minutes when I get home.
I'm glad everyone could be persuaded!!! This is clearly so much better for authors.
And I'll finally be able to implement a double focus ring outline on the BBC website.
I'm glad everyone could be persuaded!!! This is clearly so much better for authors.
And I'll finally be able to implement a double focus ring outline on the BBC website.
January 28, 2026 at 10:28 PM
OH MY GOSH LEA THIS IS GREAT NEWS!!! Congrats! I will catch up on the minutes when I get home.
I'm glad everyone could be persuaded!!! This is clearly so much better for authors.
And I'll finally be able to implement a double focus ring outline on the BBC website.
I'm glad everyone could be persuaded!!! This is clearly so much better for authors.
And I'll finally be able to implement a double focus ring outline on the BBC website.
Lies. The video is important.
January 28, 2026 at 7:26 PM
Lies. The video is important.
That's fixed now. Thanks Ana!
January 27, 2026 at 10:55 PM
That's fixed now. Thanks Ana!
Ah yes that is bad. I'll try to remember to do that when I get home
January 27, 2026 at 1:45 PM
Ah yes that is bad. I'll try to remember to do that when I get home
This is an exciting milestone for me, because it's something I proposed at the CSSWG over a year ago. Thanks to David Grogan in the Chrome team for working with me to make this happen!
January 27, 2026 at 11:12 AM
This is an exciting milestone for me, because it's something I proposed at the CSSWG over a year ago. Thanks to David Grogan in the Chrome team for working with me to make this happen!
Excitingly, Chrome Canary recently added support for behind a flag.
What is it? It's something that we're all going to start using on our websites to improve accessibility. Here's a blog post with more info. www.joshtumath.uk/posts/2026-0...
What is it? It's something that we're all going to start using on our websites to improve accessibility. Here's a blog post with more info. www.joshtumath.uk/posts/2026-0...
Try text scaling support in Chrome Canary - Josh Tumath
www.joshtumath.uk
January 27, 2026 at 11:12 AM
Excitingly, Chrome Canary recently added support for behind a flag.
What is it? It's something that we're all going to start using on our websites to improve accessibility. Here's a blog post with more info. www.joshtumath.uk/posts/2026-0...
What is it? It's something that we're all going to start using on our websites to improve accessibility. Here's a blog post with more info. www.joshtumath.uk/posts/2026-0...
Oh no! Get well soon, PPK.
January 27, 2026 at 10:54 AM
Oh no! Get well soon, PPK.
I'm delighted to announce that I will be speaking at @cssday.nl this year!
I never would have joined the CSSWG without this conference. It holds a special place in my heart. 💜
I never would have joined the CSSWG without this conference. It holds a special place in my heart. 💜
January 27, 2026 at 10:52 AM
I'm delighted to announce that I will be speaking at @cssday.nl this year!
I never would have joined the CSSWG without this conference. It holds a special place in my heart. 💜
I never would have joined the CSSWG without this conference. It holds a special place in my heart. 💜
I don't know what the New Zealand way of saying 'Yaaay' is.
January 26, 2026 at 10:23 PM
I don't know what the New Zealand way of saying 'Yaaay' is.
Wohhh, I feel a blog post coming on! This rarely happens these days. Here we goooo!
January 26, 2026 at 9:05 PM
Wohhh, I feel a blog post coming on! This rarely happens these days. Here we goooo!
Congratulations!!
So how do these things work? Is it like a swap? Can I have your old citizenship?
So how do these things work? Is it like a swap? Can I have your old citizenship?
January 26, 2026 at 8:44 PM
Congratulations!!
So how do these things work? Is it like a swap? Can I have your old citizenship?
So how do these things work? Is it like a swap? Can I have your old citizenship?
Yeah we're taking note. You're not the first to say it and you won't be the last. But to do it, it would be a big new feature to implement for BBC accounts.
And it might not even be possible, because it's extremely expensive for a website at our scale to server-side personalise pages.
And it might not even be possible, because it's extremely expensive for a website at our scale to server-side personalise pages.
January 26, 2026 at 2:20 PM
Yeah we're taking note. You're not the first to say it and you won't be the last. But to do it, it would be a big new feature to implement for BBC accounts.
And it might not even be possible, because it's extremely expensive for a website at our scale to server-side personalise pages.
And it might not even be possible, because it's extremely expensive for a website at our scale to server-side personalise pages.
Putting my CSSWG hat on, I think the browser should have the responsibility to override the colour scheme of the site; not the website itself.
The CSSWG are working on a preferences API that websites can use to get the browser to override the colour scheme (and other preferences like contrast).
The CSSWG are working on a preferences API that websites can use to get the browser to override the colour scheme (and other preferences like contrast).
January 26, 2026 at 1:58 PM
Putting my CSSWG hat on, I think the browser should have the responsibility to override the colour scheme of the site; not the website itself.
The CSSWG are working on a preferences API that websites can use to get the browser to override the colour scheme (and other preferences like contrast).
The CSSWG are working on a preferences API that websites can use to get the browser to override the colour scheme (and other preferences like contrast).
Are there any websites you really like that have a good example of a dark mode control? And are they account-based? Do they require you to be signed in?
January 26, 2026 at 1:58 PM
Are there any websites you really like that have a good example of a dark mode control? And are they account-based? Do they require you to be signed in?
Yep! In a couple more months.
January 26, 2026 at 11:55 AM
Yep! In a couple more months.
We have just turned on dark mode support on bbc.co.uk/sport! It was simple to do because teams are all using our design system colour tokens, so all we had to do was change the page theme. (But there were some changes to make it look good in a dark colour scheme.)
(UK visitors only, sorry)
(UK visitors only, sorry)
January 26, 2026 at 11:11 AM
We have just turned on dark mode support on bbc.co.uk/sport! It was simple to do because teams are all using our design system colour tokens, so all we had to do was change the page theme. (But there were some changes to make it look good in a dark colour scheme.)
(UK visitors only, sorry)
(UK visitors only, sorry)
Reposted by Josh Tumath
It’s wild to me just how much wrong information there is out there (written by humans in the later half of 2025) about using CSS to create masonry layouts.
There is no property named `grid-lanes` (as in grid-lanes: repeat(4, 200px)). There is no `masonry-direction` property. Or `masonry` anything.
There is no property named `grid-lanes` (as in grid-lanes: repeat(4, 200px)). There is no `masonry-direction` property. Or `masonry` anything.
January 23, 2026 at 10:08 PM
It’s wild to me just how much wrong information there is out there (written by humans in the later half of 2025) about using CSS to create masonry layouts.
There is no property named `grid-lanes` (as in grid-lanes: repeat(4, 200px)). There is no `masonry-direction` property. Or `masonry` anything.
There is no property named `grid-lanes` (as in grid-lanes: repeat(4, 200px)). There is no `masonry-direction` property. Or `masonry` anything.
Reposted by Josh Tumath
Tickets | State of the Browser
More information and buying options for tickets.
2026.stateofthebrowser.com
January 23, 2026 at 7:07 PM