Pinned
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
Please watch this.
I gave a talk at EMF titled "Men in Tech #YesAllMen", in which I told my experience of being a woman in tech. I was afraid to publish it in case it affected my current or future employment. With all the current news I would like to add my 2¢. So here is the recording: youtu.be/WXL6K1lhvt0?...
Josh Tumath reposted
The first Public Working Draft of Animation Triggers has just been published, introducing mechanisms that affect animation playback based on DOM events from user interaction or on entering or exiting ranges on animation timelines. www.w3.org/TR/2026/WD-a... developer.mozilla.org/en-US/docs/W...
Yesterday, the CSSWG accepted my proposal for mesh gradients and diffusion curve gradients! Want to make gradients like this natively in CSS? Well, we've started the work on it. It's coming! Here's the Explainer: github.com/w3c/csswg-dr...
Josh Tumath reposted
Finally looked into CSS scroll triggered animations and wrote down what I learned! Special thanks to Bramus for answering some of my questions cydstumpel.nl/css-scroll-t...
These were all brilliant speakers! Thank you again to @alexolder.com and @lurkmoophy.bsky.social for another wonderful, organic, homemade, wholesome conference.
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?
The next talk was by @jesslynnrose.bsky.social and @rivea0.bsky.social as a dynamic duo. Talking about how the AI hype that is everywhere right now. And how that is affecting our skills. It felt like necessary therapy for all of us!
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'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.
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
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
Hooray! I'm here at Bristol for @webdevconf.com! Looks like I'm speaking first tomorrow. Very excited! If you're here, come say hi!! I'd love to meet you.
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...
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!!
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.
🔥 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
We've made it to September which means WDC2026 is just over a month away! Tickets are just £99! With awesome speakers: @joshtumath.uk @amyhupe.bsky.social @paavandesign.com @cjforms.bsky.social @duncanpetrie.com @hidde.blog In the great city of Bristol! webdevconf.com
Josh Tumath reposted
So @nerdy.dev and @matuzo.at have got me addicted to Angine de Poitrine. I am officially a fan. open.spotify.com/track/19MAOZ...
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.
🔥 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!
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
Count Binface takes down Newsnight. 😂 (And raises good points about the need for more funding for investigative journalism. @backthebbc.bsky.social )
🟦 CLEAN FEED | @bbcnewsnight.bsky.social tries to unmask @countbinface.bsky.social...
Last month, I was speaking at @cssday.nl on the new <meta name=text-scale> tag. I've just published a blog post with my slides and summary. www.joshtumath.uk/posts/2026-0...
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?
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
And the #cssday aftermovie is also online. www.youtube.com/watch?v=IarC... The full videos will follow on Conffab, but it'll take a little while longer.
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!
It's about time I listed all of the talks that I've done on my website. So here they are. There are more which I can't remember, but these are the ones I remember. Let this be a lesson to you all. Make note of the things that you've done. Because I don't. 😅 www.joshtumath.uk/talks/
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).
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.
Josh Tumath reposted
Josh Tumath reposted
We didn’t talk enough about how @sjoy.lol just casually, and magnificently, gave two talks in 24 hours. #CSSDay With a quick shout-out to @localghost.dev ✨
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...
Josh Tumath reposted