Josh Tumath (on mastodon.social)
@JoshTumath
Followers
1,221
Following
349
Media
925
Statuses
9,763
Dev advocate in the @BBC Design System team. CSSWG member. Here for CSS nerdery, design systems and Intrinsic Web Design. Also Christian and 日本語学習者. he/him
Salford, UK
Joined April 2009
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Cheney
• 502132 Tweets
Michigan
• 179111 Tweets
England
• 140983 Tweets
Ireland
• 120349 Tweets
Lookman
• 40429 Tweets
Grealish
• 30130 Tweets
Arkansas
• 27353 Tweets
Big House
• 24969 Tweets
#MustafaKamalinAskerleriyiz
• 23885 Tweets
Super Eagles
• 20541 Tweets
PLANETARIO FURIOSO
• 19499 Tweets
Lee Carsley
• 18345 Tweets
Penn State
• 15909 Tweets
Ann Arbor
• 15182 Tweets
Ewers
• 10758 Tweets
Pedro Almodóvar
• 10640 Tweets
Quality 'Welsh Methodist sermon' from
@huwbbc
on what many English people don't get about Welsh politics.
Particularly when you still hear a lot of people in England today saying, 'I don't know why people still speak Welsh! Get rid of it.'
74
615
3K
This is crazy! A HTML attribute I proposed to the
@WHATWG
7 years ago, and again 2 years later, is now being implemented and supported in Chrome. 😱
Native <img> lazy-loading is coming to the web! <img loading=lazy> defers offscreen images until the user scrolls near them. Shipping in Chrome ~75
272
7K
19K
17
145
993
We currently have an interesting bug on the BBC website where some users have a viewport that is, for example, 599.5px wide. So:
@-media (max-width: 599px) {}
@-media (min-width: 600px) {}
These users get no styles from either media query. I'm about to work on a fix.
36
21
444
Tap to snap! The user can tap on the next item and it will instantly scroll.
#cssday
@argyleink
0
13
106
Something I've been quietly pushing for in CSS is mesh gradients (or 2D gradients).
At
@CSSDayConf
, I really appreciated advice from CSSWG folk about my proposal.
Do you have a use case for mesh gradients? If so, please share! It would be very helpful!
6
21
97
It's a juicy UK election night and it's nice to see that the Exit Poll is appearing on the BBC homepage! Easy do when the Exit Poll component is part of our design system!
9
0
59
We recently did some work to reduce the amount of core colours that we have in the design system.
We've learnt sometimes it's best to keep things simple rather than give people lots of choice and customisation.
1
6
59
A couple of days ago, I proposed a function for generating mesh or freeform gradients to the
@csswg
. It would be great to have your thumbs up or any helpful comments on the issue.
5
4
52
@RhianLlewelyn
@huwbbc
Yes! Bilingualism opens your eyes not just to how to speak another language, but about another country's culture! Because that culture is written into the language!
1
2
49
Nice! With a reduced test case in a CodePen, I was able to see the proposed fix will definitely work!
Thank you to
@XiaoZhuoJia
for the tip:
2
0
48
I got some new laptop stickers yesterday. Very on brand.
7
3
47
I'm very very happy and excited to say that I'll be starting a permanent role as a software developer in the BBC Children's websites team in mid-August!
8
0
44
Next we have Ben Evans
@ivorjetski
. He says 'And here's a nice picture of a sunset'.
Cool
'Oh, and by the way, I made it in CSS'
WHAAAAT!!!! Oh yeah, this is a CodePen.
#cssday
1
6
37
Late last year, the Homepage team added what we call the 'Billboard' component to the design system. It's pretty cool to see it in action right at the top of the homepage page, today.
3
0
36
It goes to show: never be shy to make a proposal to the Web standards bodies. If you've got a common problem that requires a native solution, propose it!
1
2
36
3
5
34
Normally you wouldn't have a negative value for an animation delay. But here's a good example of where you would: If you want all of your animated objects to start mid-animation.
#cssday
@amit_sheen
0
6
33
This is great. So
@cassidoo
is having us live code. But she's not live, so we're pausing the video we go along. It's like Blue's Clues, but for adults, and it's actually working quite well. 😂
#AllDayHey
0
1
33
We've been working on implementing dark mode for the BBC design system this week. Just spiking various ideas. It's exciting! So this is finally happening! 😁
1
2
33
Did you know that all of our TV graphics are now done using HTML and CSS, these days? There are tools to convert them into TV video formats.
They even use responsive web design to achieve the layouts for different aspect ratios!
#buildthebbc
1
3
27
Now these kinds of menus are very hard to implement and often inaccessible, so they've gone out of fashion. But the new Open UI anchor feature in CSS makes it much easier.
@jh3yy
@webdevconf
1
3
27
Shout out to
@argyleink
and
@Una
for their talk at
#figmaconfig
! We've NEEDED a talk like this that shows designers what we can do in 2023 on the Web! And this is it!
I can't wait to share it with UX Designers at work.
0
3
26
@GarethDennis
When the 'black hole' is only created by your own fiscal rules, what's the point? Why can't the Treasury be OK with taking on debt for capital expenditure for infrastructure? Why are only the private sector allowed to do that??
1
2
25
@InvisibleMapper
Well even without affordable housing in those units, there is evidence that, as rich households move into these newer, more luxury properties, it frees up the older properties that they were in to lower-income householders. The concept is filtering.
3
0
44
I've been very fortunate to go to quite a few web dev conferences this year, and I always walk away thinking about what the future of the front-end of the BBC website is going to be. These are the modern best practices I want it to follow... (Thread 🧵)
1
0
24
So
@Amy_Hupe
is getting us to critically think about where everyone gets power from in our organisations. Is the power earned or given or coming from a privileged position? And who has power to contribute to a design system? Who will suffer for doing so?
#ConvergeLDN
0
6
21
Because all of the teams that use the design system are contributing to it too, we've started creating metrics for each component. We're calling it 'component health'.
In our first iteration, we're checking that each component has met our baseline accessibility requirements.
3
2
23
Me and Dave Morris have been blogging about how we've built the BBC's new design system! Give it a read if you're interested and let me know your thoughts. 😀
1
7
22
WebP and AVIF were image formats made for the web! And they're free. People don't like sharing them because they're often not supported outside the browser, but they are really important for the emissions challenge!
@HenriHelvetica
#SotB2022
1
1
21
@Una
Changing font size based on the width of an element 😁 (I guess I'm basically longing for container queries)
2
0
21
0
4
22
A really wonderful thing that I've never seen in any other industry or platform is the relationship and community with web developers and the builders of the platform.
@Una
@CSSDayConf
#CSSDay
0
2
22
It's happening! We've been keeping this a secret for a while. Lots of exciting stuff coming to the website as well, but not immediately.
BBC is updating its visual identity tomorrow at 6am.
- BBC One, Two and Four will have a new look.
- BBC iPlayer and Sounds will also change, with improved navigation coming over the next few months.
41
119
816
4
5
19
I would more say that it's browser ENGINE diversity that's good for the Web. There are only 3.5 engines: EdgeHTML, Gecko and Blink/WebKit.
Diversity of {browsers|people} is good for the Web
1
9
9
2
12
21
While I'M PART OF THE 50,000 is trending, I just want to say Twinkl is a terrible company that doesn't pay their staff properly.
2
3
18
I really enjoyed
@hankchizljaw
's talk. My mind is buzzing, completely remapping in my head how I write CSS and how we approach layout and spacing and components. I really want to know how we can incorporate it into the BBC design system.
#AllDayHey
4
0
19
How to make your own overscroll effect that feels natural on every OS: just don't set a snap point on the first and last item.
#cssday
@argyleink
0
2
19
I've written on 'Eight CSS fundamentals no one teaches us' (complete with Buzzfeed-esque title and numbered headings)!
1
4
17
Yay we're starting with the legend
@Amy_Hupe
! And she's plotted the emotional roller coaster that we are about to go through. 😂
#ConvergeLDN
@zeroheight
0
2
17
Wow! This is quite the story hidden away in a
@mozhacks
about how they ported Firefox onto macOS ARM. An anti-virus was flagging it as malware and they had to try to find one of the app's devs on LinkedIn to fix it just in time before release!
0
8
18
This is a great read. Solutions for presenting dynamic content to screen reader users isn't always straightforward.
The
@GDSTeam
a11y blog is always worth subscribing to!
0
4
18
Yeah 2.5 is actually an incredibly fast amount of time to see a new CSS feature like this ready to go live in web browsers. 😱
Once it's widely supported and part of our practices, it's going to be a massive change to how we write CSS.
Huge congrats to
@TerribleMia
Miriam Suzanne... who first articulated the idea to me as we discussed how to improve web developers’ experience of the CSS Cascade just over two years ago. Her hard work is why this happened. And while 2.5 years sounds like a long time, it’s FAST!
0
2
46
0
3
17
That is the end of
@CSSDayConf
. I need you all to know that this is the perfect conference. Why? Two things:
1
2
16
The Search and Navigation team have just finished rolling out the new BBC navigation bar. It also should be a better experience for screenreader users and keyboard navigation. Enjoy!
4
1
17
I've joined the
@eleven_ty
bandwagon and ported my website over to it. Thanks
@piccalilli_
for the site template and easy setup on Netlify. (I really can't be bothered to design a new site. 😅)
2
2
17
Classic use case for the :has selector that we've always wanted is getting form labels to change when a form input is interacted with.
@jh3yy
put in a delightful little animation triggered on a valid input.
@webdevconf
0
3
17
I've got an announcement! I'm going on sabbatical in September and October, to Tokyo! I'll be helping out at a Christian charity there and meeting lots of people in the area.
I won't be around online much during that time. If you're in the area, hit me up!
1
0
15
I love this. So apparently a company called a carousel a 'Fred' and the name just stuck and that's fine because everyone is using the same language.
@danmall
#ConvergeLDN
0
2
16
I love how there is now an entire section and definition in the HTML spec called a 'Jake diagram'. You will go down in history,
@jaffathecake
.
Navigation and session history rewrite (thanks jakearchibald!)
1
9
52
2
1
15
As
@unharmonic
points out tonight's
#BuildTheBBC
@BBCWiSTEM
event, why are we so rubbish at telling people about the huge variety of careers in digital? It's not just software engineers! (But they're cool too)
0
3
15
It's time to review the biggest PR in my life!
4
0
13
I tried turning our Information Panel component into a HTML dialog, today. But I realised it didn't work for our use case.
So really, we need to be using the new popover attribute proposed by the
@OpenUICG
! I hope it gets standardised soon!
5
3
14
I was watching this last night.
@jaffathecake
I can't believe you and others thought of a way to do page transitions while still enabling CSS animations to give full control over it!
Incredible! And so little code needed to do it. 🤯
I've been dying to share this for weeks now… Introducing the page transition API!
It's still in-development, but you can play with it today. I'm really happy with where this API is heading. I hope you like it too!
132
547
3K
2
0
13
@HarryHamishGray
In fairness, it's a massive part of the BBC's values that we're given from the moment we start work there. The BBC's reputation is based on its independence from the government, and any label that suggests otherwise is damaging trust.
2
0
13
Hope you don't mind, Tim. Just going to steal your logo high contrast mode fix for our our BBC website logo, too! 😉
🚀We’ve just released GOV.UK Frontend v3.13.0!
Amongst other things we’ve added a ‘none of the above’ option to the checkboxes component, fixed some issues with the GOV.UK logo and made links a bit more readable.
Read the full release notes here:
6
17
123
1
0
14
I love this. A bug in Firefox that was reported over 16 years ago has finally been fixed, and the original reporter responds with glee.
0
4
13
Next is
@britnorcodes
talking about her love for
@storybookjs
! We use storybook at the BBC, too, so I'm always interested in comparing how others use it!
#AllDayHey
1
6
13
I'm at my old university
@AberCompSci
for their 150th anniversary and my old department's 50th! I graduated here 7 years ago now!
0
1
11
Something tells me it's the BBC's 100th year anniversary today.
4
0
13
The BBC's content discovery team launched the new BBC News front page in the UK today. Built using our Design System on our WebCore platform. And, behind the scenes, a more modern curation tool for editorial teams to pick what stories to show.
6
0
13
Just had an article published on
@BBC
D&E's blog. Thanks to
@Joseph_Wynn
and
@weavermj
for inspiring it!
2
7
11
It's nice to be back in the Children's Web team. 🙂
2
0
13
The goal of
@yaili
in her DesignOps work is to not be needed once the process is established.
You shouldn't be constantly needing to handhold people through processes or you can never move on.
#ConvergeLDN
0
4
13
Yesterday I said goodbye to my old work laptop. It's brought me through my first few years at the BBC through many different teams. Now to build up a new collection of stickers!
2
0
12
I've really struggled to think of where to use the new :has pseudo class, but here's a really clever idea from
@MicheBarks
: detect how many children an element has to change the layout. Fantastic!
#cssday
1
3
12
It's that time of year again to get your BBC honey made in the beehives on the roof of BBC Quay House.
I'm very excited to be spreading this on my crumpets tomorrow! 😉
3
0
12
Not surprised. People would say Uni didn't prepare them for what they learnt on the job. In
@AberCompSci
, it did! Well deserved award! 😁
2
73
99
0
5
12
Here's another trick from
@argyleink
: how to do an infinite scroll! Use this code sample.
#cssday
0
2
11
I've been in Tokyo for six weeks now and just two weeks to go. It's been amazing to help with the work that's going on here, but I couldn't resist a trip to my favourite place in the world. 😉
If you've never been to Tokyo DisneySea, it's time to start planning your trip.
1
0
12
Looks like Paddy McGuiness is in the building!
0
1
11
Tomorrow I'll be off to Tokyo for two months!
I'm going to miss my team but you can expect awesome things coming to the BBC website over the next few months. I'll be keeping an eye on it (probably through a British VPN, haha).
3
0
11
Awkward. Funny how a lot of sites are completely blank with JavaScript disabled.
@heydonworks
#SotB2021
1
0
11
I'm speaking at a meetup hosted by the
@CoopDigital
today about design systems! Taking over for someone else after he had to drop out last minute. I have no idea what I'm doing. 😅
4
0
10
@DLPReport
I love the people looking out of their windows. 😂
'Why is everyone looking up at us? What's going on? I can't see.'
0
0
10
Me at a conference
*writes notes*
Me: I can't wait to show my team all of these things! It'll really resonate with them!
*looks back at notes before sharing them*
Me: What the heck have I just written?
#DSDay21
1
0
11
There's a very subtle change to the colours on the BBC website's cookie banner, today (on pages that use the WebCore design system).
This is one of the very last components using our old colours from before our brand refresh last year. Soon we'll be able to delete them entirely.
1
0
11
Did you know most of the devs we're hiring right now at the BBC are junior or mid-level?
Here's a 🧵 with some tips that might be helpful for anyone applying for a software dev job.
2
7
11
@heydonworks
The Switcher pattern is brill. It looks like we'll be using it on the BBC website soon, which I'm very excited about. 😃
1
0
11
Here's a polyfill for layers. It works by editing your selectors if they're in a layer to give them a higher specificity value.
#cssday
0
7
11
@NorthOnTrack
This is so true. I'm living in Tokyo right now and I see the benefits of this everywhere. So many tracks are quadrupled; two for the local service and two for the rapid and express services. All the services are so reliable and very frequent.
0
1
11
Haha, I knew it wouldn't take these guys long to notice. Yes, the logo for News and Sport is now updated with the new brand.
And we also updated the font to use Reith Serif on headlines last week.
[PRESWATCH] The banner font has finally been Reithed on the BBC News website. Seems to have been implemented in the last half an hour or so.
3
1
23
1
1
11
@cleanfeed_ttvr
By the way, the room Huw is broadcasting from is actually a meeting room called the Alan Turing Imaginarium.
1
2
11
@b0rk
Haha, that's really funny deja vu! I wrote something similar in a blog post last year and I was just talking about it today! I never thought of the last one you mentioned. That's another gotcha that one ever teaches you!
1
2
11
Was a privilege to meet the legend
@jensimmons
today after her talk! I was completely challenged on just how much is possible with CSS grids. Lots of thoughts to take back to my team.
#ViewSource
0
0
10
Yesss!! We are hiring mid-level or junior Software Engineers for the BBC Design System team!!
We would love to have you if you if you're very friendly and passionate about Web dev and good UX.
Reply or DM me or
@Seraphae
if you have any questions.
1
4
9
I'll be speaking at
@webdevconf
in Bristol next week. Come and join us because there's still tickets!
0
1
10
The BBC management really have done an own-goal and politicised BBC Sport.
The thing is, Gary Lineker didn't even break editorial guidelines. The guidelines even give an example of a Sport presenter expressing views on politics being low risk.
0
4
10