Ben Smith's Avatar

Ben Smith

@bensmith.sh.bsky.social

Full stack web developer at Thuma. Passionate about accessibility, neovim, and coffee. Site: https://bensmith.sh YouTube: https://youtube.com/@smithbm2316

61 Followers  |  432 Following  |  17 Posts  |  Joined: 05.11.2024  |  2.0307

Latest posts by bensmith.sh on Bluesky

I like that almost every UI interaction in GitHub's pull request page is broken when a new comment arrives, and I'd then have to reload the page for it to work again

19.06.2025 03:09 โ€” ๐Ÿ‘ 35    ๐Ÿ” 1    ๐Ÿ’ฌ 3    ๐Ÿ“Œ 0

I implemented the proposed CSRF handler, if anyone wants to test it, or wants to migrate before it makes its way into the standard library.

There are are no tokens or cookies, so migrating should be easy, but note that it applies strict same-origin checks.

Feedback welcome!

filippo.io/csrf

16.05.2025 21:16 โ€” ๐Ÿ‘ 23    ๐Ÿ” 3    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0
An article titled "How the Web Became Unreadable", posted on Medium. There is a soft paywall asking you to sign in, covering most of the article.

Screenshot found on Mastodon https://beige.party/@mayintoronto/114497234942335666

An article titled "How the Web Became Unreadable", posted on Medium. There is a soft paywall asking you to sign in, covering most of the article. Screenshot found on Mastodon https://beige.party/@mayintoronto/114497234942335666

14.05.2025 00:23 โ€” ๐Ÿ‘ 17897    ๐Ÿ” 6494    ๐Ÿ’ฌ 7    ๐Ÿ“Œ 256

A frustrating side effect of search becoming "smarter" in general is that we seem to have lost the capability to just match on a substring. Across the various search boxes I use daily (apple spotlight, google search, github search) they all now fail to find "bar" in "foobar"

14.05.2025 00:44 โ€” ๐Ÿ‘ 12    ๐Ÿ” 2    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Microsoft, laying off 3% of its global workforce: โ€œWe continue to implement organizational changes necessary to best position the company for success in a dynamic marketplace.โ€

Do you need an MBA to learn to talk like this? To lose your empathy, your humanity? It seems so.

13.05.2025 20:25 โ€” ๐Ÿ‘ 277    ๐Ÿ” 33    ๐Ÿ’ฌ 11    ๐Ÿ“Œ 1
Preview
Add wide gamut P3 and alpha transparency to your color picker in HTML Now HTML lets you create a color picker for wide gamut P3 color and for alpha transparency with two new attributes: <input type="color" colorspace="display-p3" alpha>, available today in Safari 18.4.

๐Ÿฅณ We added new attributes to HTML to enhance <input type=color>: webkit.org/blog/16900/p...

07.05.2025 13:19 โ€” ๐Ÿ‘ 92    ๐Ÿ” 26    ๐Ÿ’ฌ 4    ๐Ÿ“Œ 2
A screenshot of https://svelte.dev/playground/3de3a4446cd14bad884ea05fbd35363a?version=5.25.0 showing the new 'writable derived' feature

A screenshot of https://svelte.dev/playground/3de3a4446cd14bad884ea05fbd35363a?version=5.25.0 showing the new 'writable derived' feature

As of @svelte.dev 5.25 you can temporarily override a derived value, which is very handy for optimistic UI

โ€ข demo svelte.dev/playground/3...
โ€ข docs svelte.dev/docs/svelte/...

21.03.2025 17:42 โ€” ๐Ÿ‘ 173    ๐Ÿ” 17    ๐Ÿ’ฌ 6    ๐Ÿ“Œ 6

Another stellar resource from Corbin ๐Ÿ˜ฎโ€๐Ÿ’จ

If you didn't know, Corbin puts out amazing (free!!) content about so many things with @playfulprogramming.com and you should definitely check it out

30.04.2025 21:26 โ€” ๐Ÿ‘ 5    ๐Ÿ” 2    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Announcing my new book about A11Y! โ™ฟ

When I first started as a web developer I didn't know anything about best practices for UX

Only after guidance from many wonderful people have I improved; I want to share that โ˜บ๏ธ

A11Y is a basic right and improves products for us all ๐Ÿš€

30.04.2025 20:24 โ€” ๐Ÿ‘ 61    ๐Ÿ” 14    ๐Ÿ’ฌ 4    ๐Ÿ“Œ 1
An illustration of a street. There is a visually impaired person, walking with a white cane. A wheelchair user sits next to another person in a small shop. The shop's banner says "a11y.art", the URL for the book.

An illustration of a street. There is a visually impaired person, walking with a white cane. A wheelchair user sits next to another person in a small shop. The shop's banner says "a11y.art", the URL for the book.

๐ŸŒ Introducing: The Art of Accessibility!

Our brand-new book teaches you everything to do with accessibility!

With a vast array of technologies and methods of providing valuable experiences to all users, it's easier than ever to design better, more inclusive products.

30.04.2025 20:22 โ€” ๐Ÿ‘ 14    ๐Ÿ” 4    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 1
Write The Code You Wish Existed | TypeScript + Nitro API Validation Example
YouTube video by Syntax Write The Code You Wish Existed | TypeScript + Nitro API Validation Example

In my latest video over on @syntax.fm - I talk about how you should write the code you wish existed aka "Dream Code"

I show how I created a @nitro.build / h3 utility for validating API requests with zod and full type safety.

Watch ๐Ÿฟ: youtube.com/watch?v=FI4z...

13.03.2025 13:25 โ€” ๐Ÿ‘ 30    ๐Ÿ” 7    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0
sa.www4.irs.gov/sso

sa.www4.irs.gov/sso

How is anyone non-technical supposed to figure out if a website is legit or not?

We should do better.

20.03.2025 23:59 โ€” ๐Ÿ‘ 9    ๐Ÿ” 1    ๐Ÿ’ฌ 3    ๐Ÿ“Œ 0
Preview
Backwards Compatibility in the Web, but Not Its Tools Writing about the big beautiful mess that is making things for the world wide web.

๐Ÿ“ I find it ironic that the web platform has such a strong ethos of "no breaking changesโ€ but the tools we use to build on top of the web are like "BREAKING CHANGE ALL THE THINGSโ€

blog.jim-nielsen.com/2025/backwar...

29.04.2025 15:38 โ€” ๐Ÿ‘ 19    ๐Ÿ” 6    ๐Ÿ’ฌ 3    ๐Ÿ“Œ 1
Video thumbnail

Favicon color matches your primary color โœ”๏ธ

17.04.2025 09:41 โ€” ๐Ÿ‘ 44    ๐Ÿ” 1    ๐Ÿ’ฌ 4    ๐Ÿ“Œ 1

I always forget that this is a thing I made ๐Ÿ˜‚

Itโ€™s a search engine for operators. So if you see something funky like โ€œ%=โ€œ in a codebase, you can copy/paste it in for an explanation.

24.04.2025 00:31 โ€” ๐Ÿ‘ 79    ๐Ÿ” 12    ๐Ÿ’ฌ 6    ๐Ÿ“Œ 1
xkcd.fyi

i made a thing recently: xkcd.fyi

it's an alternative frontend to xkcd.com with some important differences:
- title text shown in an accessible way
- transcript included for every comic
- link to explainxkcd.com/ (for when you don't get the joke)
- dark mode!

29.10.2024 00:46 โ€” ๐Ÿ‘ 49    ๐Ÿ” 13    ๐Ÿ’ฌ 6    ๐Ÿ“Œ 1
Nuxt Crash Course 2025
YouTube video by Syntax Nuxt Crash Course 2025

Looking to get started with @nuxt.com / @vuejs.org ? In my latest video, I go over everything you need to know to start building with Nuxt today.

Watch ๐Ÿฟ: www.youtube.com/watch?v=RhZZ...

17.04.2025 18:16 โ€” ๐Ÿ‘ 57    ๐Ÿ” 6    ๐Ÿ’ฌ 4    ๐Ÿ“Œ 0
Preview
Storybook 9 is now in beta Try the future of UI testing today

Storybook 9 is now in beta!

Itโ€™s ready for you to try today.

Letโ€™s see whatโ€™s insideโ€ฆ

24.04.2025 20:03 โ€” ๐Ÿ‘ 127    ๐Ÿ” 25    ๐Ÿ’ฌ 7    ๐Ÿ“Œ 11

Storybook 9 beta!

So much blood/sweat/tears from @storybook.js.org and @vitest.dev teams to create the future of UI testing.

Please kick the tires in your project to help us stabilize for GA. ๐Ÿ™

25.04.2025 00:39 โ€” ๐Ÿ‘ 48    ๐Ÿ” 11    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Preview
una.im | New capabilities for attr() Advanced attr() is landing in Chrome 133, and I'm really excited for this feature! Here's a bit about it and how you can use it.

Dang I'm excited about new semantic attr() capabilities in CSS!

I wrote a post about why this feature is so powerful, how it could change the way you build components, and how I would use it.

Advanced attr() is rolling out in Chrome 133 starting next week ๐Ÿฅฐ

una.im/advanced-attr/

22.01.2025 17:40 โ€” ๐Ÿ‘ 173    ๐Ÿ” 44    ๐Ÿ’ฌ 4    ๐Ÿ“Œ 3

This means that front-end developers and architects should *be in the room* early on in the process, even if the feature is largely going to be implemented in terms of the backend.

03.01.2025 23:06 โ€” ๐Ÿ‘ 10    ๐Ÿ” 3    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0
Introducing Clay - High Performance UI Layout in C
YouTube video by Nic Barker Introducing Clay - High Performance UI Layout in C

Finished up the video properly introducing / giving an overview of Clay! #cprogramming
youtu.be/DYWTw19_8r4

18.12.2024 03:31 โ€” ๐Ÿ‘ 41    ๐Ÿ” 7    ๐Ÿ’ฌ 6    ๐Ÿ“Œ 4

If this is the first time you've heard about Yerba Mate, if you ever visit an Argentinian home, you'll see that the first thing they do is heat water to share some mates with you.

15.12.2024 11:10 โ€” ๐Ÿ‘ 32    ๐Ÿ” 2    ๐Ÿ’ฌ 4    ๐Ÿ“Œ 1

Laravel VS Code extension ships Monday in public beta. โœจ

13.12.2024 17:17 โ€” ๐Ÿ‘ 261    ๐Ÿ” 38    ๐Ÿ’ฌ 26    ๐Ÿ“Œ 16

๐Ÿง‘โ€๐Ÿ’ป

13.12.2024 17:18 โ€” ๐Ÿ‘ 134    ๐Ÿ” 20    ๐Ÿ’ฌ 17    ๐Ÿ“Œ 2
Preview
Berkeley Graphics Engineering graphics for professionals

Berkeley Mono is also what iโ€™m running! ๐Ÿ˜„ (link for folks interested: berkeleygraphics.com)

10.12.2024 00:40 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Post image

Watch the full episode with @playbalatro.com creator, @localthunk.bsky.social now on YouTube or listen on your favorite podcast app!
Get all of our episodes early/ad-free on Apple Podcasts: www.interactive.org/Interviews/t...

09.12.2024 19:43 โ€” ๐Ÿ‘ 50    ๐Ÿ” 4    ๐Ÿ’ฌ 3    ๐Ÿ“Œ 1

This was a really fun podcast, a deep dive into the creation Journey of Balatro

Check it out!

09.12.2024 19:55 โ€” ๐Ÿ‘ 605    ๐Ÿ” 67    ๐Ÿ’ฌ 8    ๐Ÿ“Œ 3

for those of you that want a custom monospace font that isnโ€™t in Slackโ€™s defaults list: bsky.app/profile/bens...

09.12.2024 23:19 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

I changed my font in Slack to a monospace font thanks to @tim.macdonald.au and phew what an upgrade

05.12.2024 14:09 โ€” ๐Ÿ‘ 20    ๐Ÿ” 1    ๐Ÿ’ฌ 6    ๐Ÿ“Œ 1

@bensmith.sh is following 20 prominent accounts