Josh Tumath

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

1.4K followers184 following1.2K posts

Pinned

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. 🫡

After the CSSWG resolved to explore mesh gradients, the chair also made me an editor of the CSS Images 5 spec. 😱 FYI, I have absolutely no idea what I'm doing, but thankfully I have help from some very clever people. Sadly I will have to spec what happens if someone makes a mesh gradient like this:

Josh Tumath reposted

These were all brilliant speakers! Thank you again to @alexolder.com and @lurkmoophy.bsky.social for another wonderful, organic, homemade, wholesome conference.

WDC@webdevconf.com

A huge thank you to everyone who attended WDC2026! We can’t wait to see you all again next year! Thanks to our awesome speakers: @paavandesign.com @duncanpetrie.com @amyhupe.bsky.social @joshtumath.uk @hidde.blog @cjforms.bsky.social @rivea0.bsky.social @jesslynnrose.bsky.social

The @webdevconf.com somehow finished early so we had an extra bonus talk from @lurkmoophy.bsky.social The intro alone took about 10 mins as Luke told us the various things that they have tried to do. 😂 But that was sort of the point. They talked about the effect of doing too many things at once.

Our last talk was by @paavandesign.com who talked about how to make our designs make us feel calmer. Even just a notifications settings page on your OS can feel quite intense. So how do we do 'calm design'? A feeling that it's handled and you can just relax?

Sometimes to do it, you have to delete the stuff that people don't want or need. Always learn from your users and see what they're doing. I love how in the early days of Granola, they were going into cafes and just showing people the product.

We learn from short term memory, practice and then things stick in our long term memory. But with LLM use, that is affecting your learning. And it's even affecting how you receive feedback. And the less experienced you are, the more they're going to impact your learning.

Now those in early careers are learning that they can have instant answers rather than slowing over time bumping into issues and retaining that knowledge. This is known as never-skilling in one scientific paper, observed by people working in medicine.

We've had @amyhupe.bsky.social who has worked for us at the BBC!! We loved it when she was with us. She was talking about whether we have a listening deficit in the UK. How well are we listening to one another? And how is it affecting us?

So how do we become better listeners? Because we do it, we build trust and influence. So we can create space to talk, mirror back to show understanding and hold back your opinions. @webdevconf.com

We need to practice non-judgment. Which brings psychological safety and you can catch issues early because people feel comfortable talking about them. Otherwise we bring our own interpretation which distorts what we are listening to.

We've had a lovely lightning talk from @cjforms.bsky.social about when we lie on forms. And often it's because we need to muddle through the form and we're not given valid options. Or we want to protect our privacy.

You can help the user by doing things like telling them what you're doing to do with the information you give. And you can do usability testing to really understand users' thoughts. See how you can avoid forcing people to lie to get around your questions.

I'm the next talk, @hidde.blog told us about how Ada Lovelace was the original dev rel. Dreaming up ways to use Charles Babbage's machines with algorithms. The history of computer science is so interesting. But that doesn't mean it can replace creativity. @webdevconf.com

Creativity is not the same as art, design and aesthetics. But it contributes to all of them. Hidde gave us an incredible overview of how art affects us and inspires us... Or doesn't! What it does to an audience is what it's all about.

We had Duncan Petrie talking about some incredible and creative ways of using requestAnimationFrame which involved Fabergé eggs and a springy chicken crossing the road and very well animated spiders! @webdevconf.com

Josh Tumath reposted

I like that @keithamus.social keeps trying to carry old things across the finish line. It's such a shame that so many thing fizzle after so much work and good ideas. The web needs more (paid) people doing this.

Josh Tumath reposted

“Let me make it clear: without people at the top of their game sharing their experience and knowledge—regardless of whatever ‘game changing’ technology is in place—we are pulling up the ladders and committing our industry to stagnation and death.” bell.bz/youll-miss-p...

bell.bzYou’ll miss publishers when they’re goneEver since Piccalilli started to get traction, I’ve always seen CSS-Tricks, Smashing Magazine and A List Apart (among others) as peers. We all help each other behind the scenes and importantly, back…

If you work on websites for ordinary web browsers, you are truly blessed. Working at the BBC, I am always shocked by how bad the built-in web browsers are on smart TVs. They fork browsers and rip out lots of web platform features. Apparently one made Math.random() return the same number! 😂

I'll be speaking at Web Dev Conf next month, talking about the work we've been doing at the CSS Working Group to make your website more accessible for users who want larger text! Come along! It's a lovely conference with lovely people in a lovely city - and it's not expensive!!

WDC@webdevconf.com

We're just 1 month away from WDC2026! Tickets are just £99! This year we have an awesome lineup of speakers @paavandesign.com @duncanpetrie.com @amyhupe.bsky.social @joshtumath.uk @hidde.blog @cjforms.bsky.social @rivea0.bsky.social @jesslynnrose.bsky.social webdevconf.com

The plot thickens.

Lea Verou, PhD@lea.verou.me

🔥 New blog post! My post on two-state dark mode toggles sparked a lot of discussion around what the optimal dark mode toggle design is. But should you have a (persistent) dark mode toggle *at all*? I have since been convinced that for most websites, the answer is NO. lea.verou.me/blog/2026/da...

Josh Tumath reposted

Josh Tumath reposted

Call me naïve, but I think the Web should be making it *easier* to create accessible UIs than inaccessible ones. Instead, once you go beyond the basic primitives, the platform is a minefield: the obvious thing to do is rarely accessible, and devs must jump through hoops to make it so.

Does anyone ever feel limited by the visible light spectrum? All we can use in our designs is various shades of red, orange, yellow, green, cyan, blue, purple, magenta and grey. We could really do with another one for our design system.

OK, I'm persuaded. For a toggle in the header or footer, a toggle between 'system colour scheme' ↔️ 'the opposite' is better than system ↔️ light ↔️ dark. Lea is a master of user experience.

Lea Verou, PhD@lea.verou.me

🔥 New blog post: Dark mode toggles that expose three states (system, light, dark) seem like the best option. Until you think about user goals, that is. Before rushing to disagree, hear me out. lea.verou.me/blog/2026/da... PS: As a data point, @jakearchibald.com was converted after reading this 😅

Come along! This is a fantastic conference!

WDC@webdevconf.com

Summer is here which means WDC2026 is just around the corner! Tickets are just £99! We have an awesome lineup of speakers including @hidde.blog , @amyhupe.bsky.social , @cjforms.bsky.social @joshtumath.uk, @paavandesign.com and @duncanpetrie.com (more TBC!) webdevconf.com

I'm so grateful to Bramus for making this. It's awesome. Wouldn't you love to make these kinds of gradients natively in CSS - with the browser's graphics engine giving you a native hardware-accelerated render?

Bramus@bram.us

At the CSSWG there is an issue about 2D Mesh gradients. The consensus was that whatever we do, it should be PDF compatible. With the help of Gemini I found my way to “Coons Patches” as the underlying mechanism. Using AIStudio, I then generated this editor: genuine-waterfall-crane.codepen.app

Josh Tumath reposted

Reminder: The State of CSS Survey is closing *SOON*, so **NOW** is the moment to complete it. stateofcss.com/en-US/ This survey directly influences efforts like Interop and feature planning, so this is **YOUR** moment to let browser vendors know what you find missing on the web!

Hahaha so interesting. It's like the web platform equivalent of when the newspaper was invented and people grumbled about people reading their newspapers on trains (like we do today with our phones).

Kevin Powell@kevinpowell.co

In my talk for CSS Day, I had a slide of a comment from YT complaining about CSS overstepping its bounds now that we can do some logic-based styling directly in CSS. Afterwards, @adactio.com came to see me to laugh about it a bit, because he was hearing the same thing when :hover was added to CSS.

The #CSSDay community had incredibly helpful feedback about <meta name=text-scale>. Lots of different ideas for how to stop headings from scaling at the same rate as body text. Good feedback on how the large text on mobile will be a problem for languages with very long words, like German.

This might be my last year living in the UK. Next spring, I'm hoping to move to Japan and I plan to start looking for jobs soon. I would love to have a job that would let me continue or increase my participation in the CSSWG. If anyone knows an org in Japan that could hire me, please let me know

I'm still thinking about #CSSDay. Seeing old friends and members of the CSSWG who I don't normally get to meet in person. But more importantly, talking to all the attendees. We're so privileged to be part of a world wide community that want to make the web a better place for everyone.

It's a community of very generous people who are doing things because of their values, not for profit. From the big tech companies to the open source non profits to the students, these individuals care incredibly about defending an open and interoperable web for everyone.

Josh Tumath reposted

As @una.im just mentioned in her #cssday talk, the CSS WG recently resolved to insert a ⓘ after EVERY SINGLE INTEREST INVOKER on touchscreens. Here’s a mock of what this would look like for bsky. This is the issue to let the CSS WG know what you think: github.com/w3c/csswg-dr...