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
There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout.
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
Ex-Masonry Display Type Keyword Poll
See https://github.com/w3c/csswg-drafts/issues/12022 for context.
This poll intentionally leaves out `masonry` as an option, see https://github.com/w3c/csswg-drafts/issues/12022#issuecomment-34172962...
docs.google.com
October 27, 2025 at 7:53 PM
There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout.
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
If I seemed a bit quiet the last month, it's because I lost my grandma. We had the funeral on Wednesday.
I don't have a dad and it was both my mum and grandparents who I lived with and who raised me, growing up.
How I'd love to be that little boy again giving her a hug.
I don't have a dad and it was both my mum and grandparents who I lived with and who raised me, growing up.
How I'd love to be that little boy again giving her a hug.
October 13, 2025 at 5:33 PM
If I seemed a bit quiet the last month, it's because I lost my grandma. We had the funeral on Wednesday.
I don't have a dad and it was both my mum and grandparents who I lived with and who raised me, growing up.
How I'd love to be that little boy again giving her a hug.
I don't have a dad and it was both my mum and grandparents who I lived with and who raised me, growing up.
How I'd love to be that little boy again giving her a hug.
Reposted by Josh Tumath
As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
Interop Feature Ranking
Rank the web platform features you care most about
interop-rank.jakearchibald.com
October 9, 2025 at 5:00 PM
As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
Reposted by Josh Tumath
A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.
piccalil.li/blog/taking-...
piccalil.li/blog/taking-...
Taking a shot at the double focus ring problem using modern CSS
A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.
piccalil.li
September 18, 2025 at 11:23 AM
A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.
piccalil.li/blog/taking-...
piccalil.li/blog/taking-...
Reposted by Josh Tumath
You should come to @londonwebstandards.org #sotb2026
Early bird tickets are £70
And if you can’t afford it apply for a diversity ticket
2026.stateofthebrowser.com
Early bird tickets are £70
And if you can’t afford it apply for a diversity ticket
2026.stateofthebrowser.com
SotB14 | State of the Browser
Welcome to the fourteenth edition of State of the Browser, a yearly one-day, single-track conference with widely-varying talks about the modern web, accessibility, web standards, and more, organised b...
2026.stateofthebrowser.com
September 11, 2025 at 9:06 PM
You should come to @londonwebstandards.org #sotb2026
Early bird tickets are £70
And if you can’t afford it apply for a diversity ticket
2026.stateofthebrowser.com
Early bird tickets are £70
And if you can’t afford it apply for a diversity ticket
2026.stateofthebrowser.com
I got to speak at our internal BBC conference, today, about what I've been involved with in the CSSWG: the new meta tag for websites to opt-in to respecting the text size accessibility settings in iOS and Android.
September 4, 2025 at 2:24 PM
I got to speak at our internal BBC conference, today, about what I've been involved with in the CSSWG: the new meta tag for websites to opt-in to respecting the text size accessibility settings in iOS and Android.
I've created a proposal for a new CSS style query or pseudo-class that gets the current 'used color scheme'.
"But don't we already have @media (prefers-color-scheme)?"
Yes, but authors can override the color scheme and the media query can't know that.
github.com/w3c/csswg-dr...
"But don't we already have @media (prefers-color-scheme)?"
Yes, but authors can override the color scheme and the media query can't know that.
github.com/w3c/csswg-dr...
[css-conditional][selectors] A way to set styles according to the used color scheme · Issue #12681 · w3c/csswg-drafts
Problem We can use @media (prefers-color-scheme) to set styles according to the user's preferred colour scheme. We can use the light-dark() colour function to set a colour value according to the us...
github.com
August 29, 2025 at 12:03 PM
I've created a proposal for a new CSS style query or pseudo-class that gets the current 'used color scheme'.
"But don't we already have @media (prefers-color-scheme)?"
Yes, but authors can override the color scheme and the media query can't know that.
github.com/w3c/csswg-dr...
"But don't we already have @media (prefers-color-scheme)?"
Yes, but authors can override the color scheme and the media query can't know that.
github.com/w3c/csswg-dr...
Reposted by Josh Tumath
🤩 View Transitions excitement!
View Transitions are enabled by default in Firefox Nightly, so they're on their way to stable. Give it a test with your current transitions, and give me a shout if anything doesn't look right.
August 21, 2025 at 8:23 AM
🤩 View Transitions excitement!
Reposted by Josh Tumath
Follow me on Youtube where I'm trying to post more consistently 🙂
www.youtube.com/@UnaKravets
Thank you ❤️
www.youtube.com/@UnaKravets
Thank you ❤️
Una Kravets
Videos about CSS, UI development, productivity, life in the tech industry, building your career, front-end web development, and more.
www.youtube.com
August 14, 2025 at 2:48 PM
Follow me on Youtube where I'm trying to post more consistently 🙂
www.youtube.com/@UnaKravets
Thank you ❤️
www.youtube.com/@UnaKravets
Thank you ❤️
Reposted by Josh Tumath
Had a wonderful day at @frontendnorth.bsky.social. Thanks a lot for having me.
If you're interested in the slides to my talk, you can find them here:
ichimnetz.com/slides/unwra...
#FrontEndNorth
If you're interested in the slides to my talk, you can find them here:
ichimnetz.com/slides/unwra...
#FrontEndNorth
ichimnetz.com
July 10, 2025 at 5:36 PM
Had a wonderful day at @frontendnorth.bsky.social. Thanks a lot for having me.
If you're interested in the slides to my talk, you can find them here:
ichimnetz.com/slides/unwra...
#FrontEndNorth
If you're interested in the slides to my talk, you can find them here:
ichimnetz.com/slides/unwra...
#FrontEndNorth
Reposted by Josh Tumath
Had a blast at #FrontEndNorth yesterday. A lovely, friendly crowd, the other speakers were interesting and the organisers planned a brilliant mix of thought-provoking, uplifting, and inspiring creative talks, with a good dose of silliness.
📸 by @joshtumath.uk
1/4
📸 by @joshtumath.uk
1/4
July 11, 2025 at 8:20 AM
Had a blast at #FrontEndNorth yesterday. A lovely, friendly crowd, the other speakers were interesting and the organisers planned a brilliant mix of thought-provoking, uplifting, and inspiring creative talks, with a good dose of silliness.
📸 by @joshtumath.uk
1/4
📸 by @joshtumath.uk
1/4
Reposted by Josh Tumath
A clip from my @cssday.nl talk in which I explain why we need alternatives to Big Tech youtu.be/cRYLA8Hohqg
European Tech
YouTube video by Bruce Lawson
youtu.be
July 11, 2025 at 7:53 AM
A clip from my @cssday.nl talk in which I explain why we need alternatives to Big Tech youtu.be/cRYLA8Hohqg
That's the end of #FrontEndNorth. Thanks to everyone in the team for putting on a fantastic event! We really appreciate you!! @frontendnorth.bsky.social
But anyway, our after party is at the national video game museum so smell you later!
But anyway, our after party is at the national video game museum so smell you later!
July 10, 2025 at 4:21 PM
That's the end of #FrontEndNorth. Thanks to everyone in the team for putting on a fantastic event! We really appreciate you!! @frontendnorth.bsky.social
But anyway, our after party is at the national video game museum so smell you later!
But anyway, our after party is at the national video game museum so smell you later!
Finally we end on @joehart.bsky.social who is part time developer, part time comedian. (And used to work at the BBC.)
And the start of the talk was slightly delayed because he was taking a photo of us and somehow incorporating it into the talk. #FrontEndNorth
And the start of the talk was slightly delayed because he was taking a photo of us and somehow incorporating it into the talk. #FrontEndNorth
July 10, 2025 at 3:45 PM
Finally we end on @joehart.bsky.social who is part time developer, part time comedian. (And used to work at the BBC.)
And the start of the talk was slightly delayed because he was taking a photo of us and somehow incorporating it into the talk. #FrontEndNorth
And the start of the talk was slightly delayed because he was taking a photo of us and somehow incorporating it into the talk. #FrontEndNorth
Next is @craigabbott.co.uk talking about making user centred experiences to make them accessible.
The medical model of disability says oh a blind person can't go to the cinema because they can't see. The social model says they can't enjoy the cinema because they don't have AD. #FrontEndNorth
The medical model of disability says oh a blind person can't go to the cinema because they can't see. The social model says they can't enjoy the cinema because they don't have AD. #FrontEndNorth
July 10, 2025 at 3:18 PM
Next is @craigabbott.co.uk talking about making user centred experiences to make them accessible.
The medical model of disability says oh a blind person can't go to the cinema because they can't see. The social model says they can't enjoy the cinema because they don't have AD. #FrontEndNorth
The medical model of disability says oh a blind person can't go to the cinema because they can't see. The social model says they can't enjoy the cinema because they don't have AD. #FrontEndNorth
Reposted by Josh Tumath
Next we have @whitep4nth3r.com who takes us back to a time when HTML 2.0 has just come out. Please wait while the dial up internet connects. @frontendnorth.bsky.social #FrontEndNorth
July 10, 2025 at 1:48 PM
Next is @amyhupe.bsky.social who's currently working with us at the BBC. We love Amy so much!
She's worked in GDS, BT and many other places.
She's talking about systems of harm. @frontendnorth.bsky.social #FrontEndNorth
She's worked in GDS, BT and many other places.
She's talking about systems of harm. @frontendnorth.bsky.social #FrontEndNorth
July 10, 2025 at 2:12 PM
Next is @amyhupe.bsky.social who's currently working with us at the BBC. We love Amy so much!
She's worked in GDS, BT and many other places.
She's talking about systems of harm. @frontendnorth.bsky.social #FrontEndNorth
She's worked in GDS, BT and many other places.
She's talking about systems of harm. @frontendnorth.bsky.social #FrontEndNorth
Next we have @whitep4nth3r.com who takes us back to a time when HTML 2.0 has just come out. Please wait while the dial up internet connects. @frontendnorth.bsky.social #FrontEndNorth
July 10, 2025 at 1:41 PM
Next we have @whitep4nth3r.com who takes us back to a time when HTML 2.0 has just come out. Please wait while the dial up internet connects. @frontendnorth.bsky.social #FrontEndNorth
It's now post-lunch and @letorey.co.uk is MCing for the afternoon. The mic is doing wonders for his already booming voice. #FrontEndNorth @frontendnorth.bsky.social
July 10, 2025 at 1:37 PM
It's now post-lunch and @letorey.co.uk is MCing for the afternoon. The mic is doing wonders for his already booming voice. #FrontEndNorth @frontendnorth.bsky.social
Amy is talking about being inclusive by design. She's worked on providing a way of getting ID for people who don't have photo IDs like driving licenses, so that they can still interact with services that require identity verification. #FrontEndNorth @frontendnorth.bsky.social
July 10, 2025 at 11:24 AM
Amy is talking about being inclusive by design. She's worked on providing a way of getting ID for people who don't have photo IDs like driving licenses, so that they can still interact with services that require identity verification. #FrontEndNorth @frontendnorth.bsky.social
Reposted by Josh Tumath
This is the sort of layout that is possible when one combines @ichimnetz.com #CSS skills with @bell.bz cross-dominion communication skills.
🦄 S Y N E R G Y 👯♂️ @ #FrontEndNorth
🦄 S Y N E R G Y 👯♂️ @ #FrontEndNorth
Here's an example of a website. The lengths of the columns are seemingly random. But they roughly correspond to ratios. With CSS grid, we can very nicely recreate the layout, combining with fluid typography. And it's nicely responsive. #FrontEndNorth
July 10, 2025 at 11:13 AM
This is the sort of layout that is possible when one combines @ichimnetz.com #CSS skills with @bell.bz cross-dominion communication skills.
🦄 S Y N E R G Y 👯♂️ @ #FrontEndNorth
🦄 S Y N E R G Y 👯♂️ @ #FrontEndNorth
Reposted by Josh Tumath
One of our emcees @letorey.co.uk looking fabulous!
July 10, 2025 at 10:49 AM
One of our emcees @letorey.co.uk looking fabulous!
Yay next is @ichimnetz.com!
He's going to talk about the wrapper component that we often use to constrain the max width of the page. We've all been doing this for years. #FrontEndNorth @frontendnorth.bsky.social
He's going to talk about the wrapper component that we often use to constrain the max width of the page. We've all been doing this for years. #FrontEndNorth @frontendnorth.bsky.social
July 10, 2025 at 10:57 AM
Yay next is @ichimnetz.com!
He's going to talk about the wrapper component that we often use to constrain the max width of the page. We've all been doing this for years. #FrontEndNorth @frontendnorth.bsky.social
He's going to talk about the wrapper component that we often use to constrain the max width of the page. We've all been doing this for years. #FrontEndNorth @frontendnorth.bsky.social
Next is @olu.online talking about building a better web. @frontendnorth.bsky.social #FrontEndNorth
The W3C TAG have a principle that there is only one web and it is for everyone.
Olu says there are many webs out there and they are all part of the one web.
The W3C TAG have a principle that there is only one web and it is for everyone.
Olu says there are many webs out there and they are all part of the one web.
July 10, 2025 at 9:52 AM
Next is @olu.online talking about building a better web. @frontendnorth.bsky.social #FrontEndNorth
The W3C TAG have a principle that there is only one web and it is for everyone.
Olu says there are many webs out there and they are all part of the one web.
The W3C TAG have a principle that there is only one web and it is for everyone.
Olu says there are many webs out there and they are all part of the one web.
First up we have @bell.bz talking about improving your work through better communication and collaboration. @frontendnorth.bsky.social
July 10, 2025 at 9:19 AM
First up we have @bell.bz talking about improving your work through better communication and collaboration. @frontendnorth.bsky.social