Colin
@htmlandbacon.com
Front-end developer working in Government.
Inclusive design advocate, html and taco fan.
https://htmlandbacon.com/
Inclusive design advocate, html and taco fan.
https://htmlandbacon.com/
Reposted by Colin
Just put this inside my work laptop, so I see it when I open it.
November 20, 2025 at 10:41 PM
Just put this inside my work laptop, so I see it when I open it.
Reposted by Colin
“GitHub no longer uses toasts because of their accessibility and usability issues.”
Music to my ears!
primer.style/accessibilit...
Music to my ears!
primer.style/accessibilit...
Toasts
GitHub no longer uses toasts because of their accessibility and usability issues.
primer.style
November 12, 2025 at 7:36 AM
“GitHub no longer uses toasts because of their accessibility and usability issues.”
Music to my ears!
primer.style/accessibilit...
Music to my ears!
primer.style/accessibilit...
Reposted by Colin
The 10th *and final* All Day Hey.
Don’t miss your last chance to enjoy this delightful event.
🎆 Let’s make it a belter! 🎇
Don’t miss your last chance to enjoy this delightful event.
🎆 Let’s make it a belter! 🎇
This week, we launch the 2026 conference, signalling ten years of All Day Hey! A lot has changed in ten years, and we have a lot to celebrate. We're not holding back on this one.
November 10, 2025 at 6:18 PM
The 10th *and final* All Day Hey.
Don’t miss your last chance to enjoy this delightful event.
🎆 Let’s make it a belter! 🎇
Don’t miss your last chance to enjoy this delightful event.
🎆 Let’s make it a belter! 🎇
Reposted by Colin
Your daily remember that there is no such thing as designing for just mobile, tablet and desktop.
viewports.fyi
viewports.fyi
The ideal viewport doesn’t exist
Before you settle on basing design decisions on a handful of strict breakpoints, make sure you consider the vast fragmentation of screen sizes and browser viewports.
viewports.fyi
November 10, 2025 at 12:32 PM
Your daily remember that there is no such thing as designing for just mobile, tablet and desktop.
viewports.fyi
viewports.fyi
Reposted by Colin
Quite possibly the best stickers EVER.
November 5, 2025 at 12:12 PM
Quite possibly the best stickers EVER.
Reposted by Colin
New TPX design blog this week shares some great work with Defra - the team created a four metre illustrative ecosystem map that shows how all their environmental services connect and overlap www.tpximpact.com/knowledge-hu... #servicedesign #govdesign
Beyond a blueprint: Visualising whole service areas - TPXimpact
How we approached visualising a service eco-system for Defra.
www.tpximpact.com
November 1, 2025 at 9:33 AM
New TPX design blog this week shares some great work with Defra - the team created a four metre illustrative ecosystem map that shows how all their environmental services connect and overlap www.tpximpact.com/knowledge-hu... #servicedesign #govdesign
Reposted by Colin
Imagine a browser where you type in “Taylor Swift” and it doesn’t even admit that her website exists. I write about Atlas, ChatGPT’s new anti-web browser that should come with a warning label. www.anildash.com/2025/10/22/a...
ChatGPT's Atlas: The Browser That's Anti-Web - Anil Dash
A blog about making culture. Since 1999.
www.anildash.com
October 22, 2025 at 9:13 PM
Imagine a browser where you type in “Taylor Swift” and it doesn’t even admit that her website exists. I write about Atlas, ChatGPT’s new anti-web browser that should come with a warning label. www.anildash.com/2025/10/22/a...
Reposted by Colin
Common misconceptions about screen readers:
- not only blind people use screen readers
- not every user use it in the same way
- not all screen readers work the same way.
- do not build a screen reader specific version of a website or app, instead make your content accessible for everyone.
- not only blind people use screen readers
- not every user use it in the same way
- not all screen readers work the same way.
- do not build a screen reader specific version of a website or app, instead make your content accessible for everyone.
Common misconceptions about screen readers - TetraLogical
Screen readers are familiar to many in digital, but how they work in practice can be less clear. In this post, we shed some light on the topic.
tetralogical.com
October 22, 2025 at 12:30 PM
Common misconceptions about screen readers:
- not only blind people use screen readers
- not every user use it in the same way
- not all screen readers work the same way.
- do not build a screen reader specific version of a website or app, instead make your content accessible for everyone.
- not only blind people use screen readers
- not every user use it in the same way
- not all screen readers work the same way.
- do not build a screen reader specific version of a website or app, instead make your content accessible for everyone.
Reposted by Colin
Another horrible contribution to the Bad UX World Cup! 😃
Submit your take on the worst possible date picker at badux.lol
In this one you have to enter your date using just check marks!
✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅
Submit your take on the worst possible date picker at badux.lol
In this one you have to enter your date using just check marks!
✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅
October 17, 2025 at 8:57 AM
Another horrible contribution to the Bad UX World Cup! 😃
Submit your take on the worst possible date picker at badux.lol
In this one you have to enter your date using just check marks!
✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅
Submit your take on the worst possible date picker at badux.lol
In this one you have to enter your date using just check marks!
✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅
Always great seeing the thinking around potential design changes on govuk frontend github.com/alphagov/gov...
[Experiment] Added 4px corner radius to all buttons by mia-allers-gds · Pull Request #6315 · alphagov/govuk-frontend
ImportantJust an experiment/ do not merge
As part of Scope brand related design work the team has decided to explore the idea of adding rounded corners to buttons.
Design considerations
I've ...
github.com
October 8, 2025 at 8:17 PM
Always great seeing the thinking around potential design changes on govuk frontend github.com/alphagov/gov...
Reposted by Colin
The Bad UX World Cup is accepting entries for 2025. You have to design and build a deliberately awful date picker component.
To be honest, I’m pretty sure I’ve seen some non-ironic date pickers in production that could win this thing! 🤣
badux.lol
@whitep4nth3r.com @nordcraft.com
To be honest, I’m pretty sure I’ve seen some non-ironic date pickers in production that could win this thing! 🤣
badux.lol
@whitep4nth3r.com @nordcraft.com
Bad UX World Cup
Build a bad date picker and win a shit trophy! Presented by Nordcraft.
badux.lol
October 8, 2025 at 6:43 AM
The Bad UX World Cup is accepting entries for 2025. You have to design and build a deliberately awful date picker component.
To be honest, I’m pretty sure I’ve seen some non-ironic date pickers in production that could win this thing! 🤣
badux.lol
@whitep4nth3r.com @nordcraft.com
To be honest, I’m pretty sure I’ve seen some non-ironic date pickers in production that could win this thing! 🤣
badux.lol
@whitep4nth3r.com @nordcraft.com
Reposted by Colin
You wouldn't know it, but Thursday evening I had around 320 things in the Design Systems News 'to read' backlog.
I'm down to ~150.
If you've not subscribed yet - news.design.systems
If you fancy giving me a little support - buymeacoffee.com/sturobson
🙏🖤
I'm down to ~150.
If you've not subscribed yet - news.design.systems
If you fancy giving me a little support - buymeacoffee.com/sturobson
🙏🖤
Design Systems News
A publication full of interesting, relevant, and curated links.
news.design.systems
October 5, 2025 at 7:33 AM
You wouldn't know it, but Thursday evening I had around 320 things in the Design Systems News 'to read' backlog.
I'm down to ~150.
If you've not subscribed yet - news.design.systems
If you fancy giving me a little support - buymeacoffee.com/sturobson
🙏🖤
I'm down to ~150.
If you've not subscribed yet - news.design.systems
If you fancy giving me a little support - buymeacoffee.com/sturobson
🙏🖤
Reposted by Colin
If you work in web standards, you RFC 2119 MUST read this article. alice.boxhall.au/articles/a-t...
A threat model for accessibility on the web - Alice
A explanation of the primary threat to accessibility on the web, and a call to action for the web standards community
alice.boxhall.au
October 2, 2025 at 3:24 PM
If you work in web standards, you RFC 2119 MUST read this article. alice.boxhall.au/articles/a-t...
Reposted by Colin
I feel my webby friends would like this. Might be a fun excuse to dabble in random things and show some fun possibilities with your skills!
Thinking of the recent convo with @amyhoy.bsky.social on Javascript.
Thinking of the recent convo with @amyhoy.bsky.social on Javascript.
A really cool idea: a challenge to build a little website every day in October based on a daily theme.
weirdweboctober.website
weirdweboctober.website
Weird Web October
A challenge to try and make a website every day of October, based on the theme for each day
weirdweboctober.website
October 1, 2025 at 1:18 PM
I feel my webby friends would like this. Might be a fun excuse to dabble in random things and show some fun possibilities with your skills!
Thinking of the recent convo with @amyhoy.bsky.social on Javascript.
Thinking of the recent convo with @amyhoy.bsky.social on Javascript.
Reposted by Colin
Little reminder that Inclusive Design 24 is currently happening, and the talks and discussions have been fantastic so far!! It's free and you can join live, but also, you can catch the replays on YouTube later.
Here you go: inclusivedesign24.org/2025/
#Accesssibility #InclusiveDesign #id24
Here you go: inclusivedesign24.org/2025/
#Accesssibility #InclusiveDesign #id24
Inclusive Design 24 (#id24)
A free 24-hour online community event on accessibility and inclusion
inclusivedesign24.org
September 25, 2025 at 9:15 AM
Little reminder that Inclusive Design 24 is currently happening, and the talks and discussions have been fantastic so far!! It's free and you can join live, but also, you can catch the replays on YouTube later.
Here you go: inclusivedesign24.org/2025/
#Accesssibility #InclusiveDesign #id24
Here you go: inclusivedesign24.org/2025/
#Accesssibility #InclusiveDesign #id24
Reposted by Colin
We're hiring a Lead Technical Writer to join our UCD leadership team on GOV.UK One Login.
Salary £67,972 - £83,027.
Salary £67,972 - £83,027.
Quick Check Needed
www.civilservicejobs.service.gov.uk
September 18, 2025 at 7:23 AM
We're hiring a Lead Technical Writer to join our UCD leadership team on GOV.UK One Login.
Salary £67,972 - £83,027.
Salary £67,972 - £83,027.
Reposted by Colin
Here's a #CSS study list, 100+ features to checkout from the past ~5 years.
There're surprises in here for even the most knowledgeable front-end developer!
nerdy.dev/cascading-se...
There're surprises in here for even the most knowledgeable front-end developer!
nerdy.dev/cascading-se...
One List To Rule Them All · September 10, 2025
In the darkness may it bind us
nerdy.dev
September 10, 2025 at 11:11 PM
Here's a #CSS study list, 100+ features to checkout from the past ~5 years.
There're surprises in here for even the most knowledgeable front-end developer!
nerdy.dev/cascading-se...
There're surprises in here for even the most knowledgeable front-end developer!
nerdy.dev/cascading-se...
Reposted by Colin
The 1st CSS Exploration is live! 🥳
Dive into the world of CSS alignment and unlock all its secrets!
css-tip.com/explore/alig...
It's time to correctly learn how all the properties work in every layout (interactive demos included 🤩)
Centering? No, we are going beyond that!
Dive into the world of CSS alignment and unlock all its secrets!
css-tip.com/explore/alig...
It's time to correctly learn how all the properties work in every layout (interactive demos included 🤩)
Centering? No, we are going beyond that!
September 4, 2025 at 10:43 AM
The 1st CSS Exploration is live! 🥳
Dive into the world of CSS alignment and unlock all its secrets!
css-tip.com/explore/alig...
It's time to correctly learn how all the properties work in every layout (interactive demos included 🤩)
Centering? No, we are going beyond that!
Dive into the world of CSS alignment and unlock all its secrets!
css-tip.com/explore/alig...
It's time to correctly learn how all the properties work in every layout (interactive demos included 🤩)
Centering? No, we are going beyond that!
Reposted by Colin
Why would anyone drag and drop a local file in front of their eyes when they could sign up and install an expensive cloud-hosted AI agent and type out a long, specific, English language command to move it?
gist.github.com/0xs34n/a5738...
gist.github.com/0xs34n/a5738...
The Death of the User Interface
The Death of the User Interface. GitHub Gist: instantly share code, notes, and snippets.
gist.github.com
August 24, 2025 at 3:10 PM
Why would anyone drag and drop a local file in front of their eyes when they could sign up and install an expensive cloud-hosted AI agent and type out a long, specific, English language command to move it?
gist.github.com/0xs34n/a5738...
gist.github.com/0xs34n/a5738...
Reposted by Colin
Something I and many others in the NHS have spent months working on has just gone live, a big update to design system and frontend! 🎉
See service-manual.nhs.uk/design-syste... for the changes.
Not super glamorous work, but it helps improve the foundations for our digital services.
See service-manual.nhs.uk/design-syste... for the changes.
Not super glamorous work, but it helps improve the foundations for our digital services.
Updating to version 10 - NHS digital service manual
In August 2025, we released version 10 of the design system and NHS.UK frontend library with new features, updates and bug fixes.
service-manual.nhs.uk
August 27, 2025 at 11:52 AM
Something I and many others in the NHS have spent months working on has just gone live, a big update to design system and frontend! 🎉
See service-manual.nhs.uk/design-syste... for the changes.
Not super glamorous work, but it helps improve the foundations for our digital services.
See service-manual.nhs.uk/design-syste... for the changes.
Not super glamorous work, but it helps improve the foundations for our digital services.
Reposted by Colin
What makes content accessible? A personal blog post from me on:
- structures
- senses
- complexity, ‘noise’ and maintaining a sense of place
- fast, shallow tests in production
- testing with disabled people
- hiring disabled people onto design teams
medium.com/@jack.garfin...
- structures
- senses
- complexity, ‘noise’ and maintaining a sense of place
- fast, shallow tests in production
- testing with disabled people
- hiring disabled people onto design teams
medium.com/@jack.garfin...
What makes content accessible?
Someone recently asked me how I make content accessible. That’s a short, important question with a big answer. And, it gets harder to…
medium.com
August 21, 2025 at 11:41 AM
What makes content accessible? A personal blog post from me on:
- structures
- senses
- complexity, ‘noise’ and maintaining a sense of place
- fast, shallow tests in production
- testing with disabled people
- hiring disabled people onto design teams
medium.com/@jack.garfin...
- structures
- senses
- complexity, ‘noise’ and maintaining a sense of place
- fast, shallow tests in production
- testing with disabled people
- hiring disabled people onto design teams
medium.com/@jack.garfin...
Reposted by Colin
@inclusivedesign24.bsky.social is a non-profit organisation, and we’re able to keep the spirit of Inclusive Design 24 alive because of the generosity of our supporters.
If you'd like to join them, there's more info here:
inclusivedesign24.org/2025/support...
#id24 #accessibility #inclusion
If you'd like to join them, there's more info here:
inclusivedesign24.org/2025/support...
#id24 #accessibility #inclusion
Inclusive Design 24 (#id24)
A free 24-hour online community event on accessibility and inclusion
inclusivedesign24.org
August 9, 2025 at 4:05 PM
@inclusivedesign24.bsky.social is a non-profit organisation, and we’re able to keep the spirit of Inclusive Design 24 alive because of the generosity of our supporters.
If you'd like to join them, there's more info here:
inclusivedesign24.org/2025/support...
#id24 #accessibility #inclusion
If you'd like to join them, there's more info here:
inclusivedesign24.org/2025/support...
#id24 #accessibility #inclusion
Reposted by Colin
The State of CSS 2025 survey results are now available:
2025.stateofcss.com/en-US/
Big thanks to @amitsheen.bsky.social, @saron.bsky.social, @miocene.io, @sjoy.lol, @joshwcomeau.com, @kilianvalkhof.com, and all the other contributors!
2025.stateofcss.com/en-US/
Big thanks to @amitsheen.bsky.social, @saron.bsky.social, @miocene.io, @sjoy.lol, @joshwcomeau.com, @kilianvalkhof.com, and all the other contributors!
State of CSS 2025
2025.stateofcss.com
August 10, 2025 at 7:27 AM
The State of CSS 2025 survey results are now available:
2025.stateofcss.com/en-US/
Big thanks to @amitsheen.bsky.social, @saron.bsky.social, @miocene.io, @sjoy.lol, @joshwcomeau.com, @kilianvalkhof.com, and all the other contributors!
2025.stateofcss.com/en-US/
Big thanks to @amitsheen.bsky.social, @saron.bsky.social, @miocene.io, @sjoy.lol, @joshwcomeau.com, @kilianvalkhof.com, and all the other contributors!
Reposted by Colin
Let’s start re-designing how Governments works!
It's time to get serious about design cathydutton.co.uk/posts/its-ti...
It's time to get serious about design cathydutton.co.uk/posts/its-ti...
It's time to get serious about design
Design in government has lost its way. We’ve invested in discovery, compliance, and delivery, but not in creativity.
cathydutton.co.uk
August 8, 2025 at 10:30 AM
Let’s start re-designing how Governments works!
It's time to get serious about design cathydutton.co.uk/posts/its-ti...
It's time to get serious about design cathydutton.co.uk/posts/its-ti...