iiinova — where your digital self keeps evolving

Iain Bean @inbn.dev · 29/06/2026

Thanks Arun. I'm glad you've found it useful.

Reposted by Iain Bean

henry ✷ @strange.website · 08/06/2026

don't ever say "spicy autocomplete" in my presence the debate of whether or not this technology works detracts from the implications of its widespread corporate deployment, regardless of efficacy.

henry.codes

It doesn’t matter if it works | Henry From Online

The personal site & portfolio of creative web developer Henry from Online

38217

Iain Bean @inbn.dev · 09/03/2026

Breadcrumbs: they usually work fine on desktop but you nearly always need a different solution for mobile – it would be great to know exactly when you need to switch layouts.

010

Iain Bean @inbn.dev · 05/03/2026

component.gallery is now off netlify and on cloudflare pages/workers (idk the difference, not sue if cloudflare do tbh). let me know if you notice any weirdness.

component.gallery

The Component Gallery

An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces.

160

Iain Bean @inbn.dev · 03/03/2026

TIL you can grab the subtitles on a youtube video and drag them to a different part of the screen. Don't you just love it when there's an incredibly useful feature that's existed for years and you only discover it by accident?

000

Iain Bean @inbn.dev · 03/03/2026

Thanks, it's going to be either GitHub Pages or Cloudflare Pages – both should do the job for free 🎉

110

Iain Bean @inbn.dev · 02/03/2026

I don't expect unlimited bandwidth for free but this new pricing model is a joke. Anyone know a good + cheap host for a pretty much 100% static site?

100

Iain Bean @inbn.dev · 02/03/2026

I'm not paying $55 for a "bandwidth pack" just to service requests from the kind of rubes who pay for Twitter. Even if I do pay the $55 to keep the website up this month, the $20 "Pro" 3,000 credit/month plan still wouldn't be enough to guarantee keeping the site up in future.

100

Iain Bean @inbn.dev · 02/03/2026

I log in and see that I've somehow used 2,583 "credits" out of my allowance of 300. The site is still up so I assume I'm on a legacy plan and this is just terrible UX but it's still likely I'll hit the bandwidth limit.

100

Iain Bean @inbn.dev · 02/03/2026

I got an email from Netlify this morning saying I've used 50% of my current bandwidth allowance. It seems like the "vibe coders" have discovered component.gallery.

130

Iain Bean @inbn.dev · 20/01/2026

Anyway, test your site with people who experience motion sickness, and stop getting your inspiration from awwwards dot com.

010

Iain Bean @inbn.dev · 20/01/2026

The more I think about it, the more I think that if your site has _any_ animations beyond subtle opacity and colour changes, having a visible 'Reduce animations' toggle is better UX than relying on people switching on the 'reduce motion' settings in their OS/browser.

100

Iain Bean @inbn.dev · 20/01/2026

I will be fine with 99% of sites then I'll come across some hover state or transition that triggers that visual-vestibular mismatch and I have to close the tab immediately.

100

Iain Bean @inbn.dev · 20/01/2026

Do people take motion sickness into account when building websites, beyond prefers-reduced-motion? I like when animations are done well and don't want to switch _all_ of them off, because then I feel like I'm missing out on a whole facet of web design but I feel like things are getting out of hand.

100

Iain Bean @inbn.dev · 11/12/2025

I've spent six years trying to cultivate the impression that component.gallery is some unbiased reference site, all so I can drop the 1600 word “carousels are awful and if you use them you should feel bad” rant. component.gallery/components/c...

component.gallery

🎠 Carousel

A means of displaying multiple slides of content, one or more at a time. Navigation between slides can be controlled via swiping, scrolling, or buttons.

0144

Iain Bean @inbn.dev · 18/11/2025

thank god oldmanyellsat.netlify.app doesn't use cloudflare

oldmanyellsat.netlify.app

000

Iain Bean @inbn.dev · 18/11/2025

The :old-man-yells-at-cloudflare: emoji is seeing a lot of use on slack today

110

Iain Bean @inbn.dev · 11/11/2025

Tidal because I wanted a simple last.fm integration, otherwise it would be apple music. Tidal is definitely lacking on the software side.

000

Iain Bean @inbn.dev · 10/11/2025

You’re not missing much. Spotify recommendations are almost worthless at this point: anything that's not just a feed of artists you already know is crammed full of made-for-Spotify fake artists and AI slop.

110

Reposted by Iain Bean

Travis Gertz @travisgertz.bsky.social · 04/11/2025

10 years ago I wrote (and presented on) Design Machines. This year felt like the right time to revisit those themes and present them at Dot All 2025. It's about labour, AI, Luddites, big tech, and collective power. We got this. craftcms.com/events/dot-o...

craftcms.com

AI or Bust(ed): Why ‘Adapt or Be Replaced’ Is a False… | Craft CMS

AI is already reshaping our industry, but the “learn AI or get left behind” narrative being shoved down our throats misses the real story. This isn’t…

011

Iain Bean @inbn.dev · 28/10/2025

well this was unexpected

040

Reposted by Iain Bean

henry ✷ @strange.website · 03/06/2025

put some thoughts together on the LLM trend and its implications for labor rights. there's a lot to be said about the lofty claims of pro-LLM technologists, but this presumes their promises of efficiency, etc. are true. henry.codes/writing/econ...

henry.codes

Economics & labor rights in AI skepticism | Henry From Online

The personal site & portfolio of creative web developer Henry from Online

54712

Iain Bean @inbn.dev · 14/05/2025

I have no idea why people continue to share their writing on a site which is so actively hostile to readers.

130

Iain Bean @inbn.dev · 06/05/2025

I have thought about adding a button which opens every single component example in a new tab but browsers don't really like it when you try to open 100 tabs with JS! I like your idea and it should be pretty easy to implement.

010

Iain Bean @inbn.dev · 06/05/2025

I haven't seen any examples of this, no. I experimented a bit with using LLMs to audit the component examples a while back but I wasn't satisfied with the accuracy of the results. This looks like a good use case though – it would definitely be nice to show common props on component pages. Thanks!

220

Iain Bean @inbn.dev · 05/05/2025

component.gallery 2.0 is now live 🎉 🚀 Built with Astro 🖼️ 2,400+ component images 📊 Charts! 🔎 Improved search 🌒 Better dark mode …and much more

component.gallery

The Component Gallery

An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces.

106513

Iain Bean @inbn.dev · 03/05/2025

promised myself I won't download oblivion remastered until I've finished the new component.gallery coincidentally, this morning has been very productive

010

Iain Bean @inbn.dev · 31/03/2025

ok, so it turns out this is really hard to automate. I've found a pretty good workflow but it's still quite labour-intensive. I'm going alphabetically by component: just finishing the checkboxes now.

010

Reposted by Iain Bean

Ethan Marcotte @ethanmarcotte.com · 17/03/2025

🦊 I am downright delighted to announce that my latest book, YOU DESERVE A TECH UNION, has a brand new look. I really love it, and I hope you do too. Here’s a look at what’s changed and—maybe more importantly—what’s stayed the same: ethanmarcotte.com/wrote/refres... #YDATUbook #books #unions #1u

ethanmarcotte.com

Refresh. — ethanmarcotte.com

In 2023, I wrote a book. Several months later, my publisher closed its doors. And now? We’re back, and better than ever.

1821269

Iain Bean @inbn.dev · 11/03/2025

in totally unrelated news I've just added Palantir's open source Blueprint UI toolkit

010

Iain Bean @inbn.dev · 11/03/2025

Thinking of adding an 'Evil bastards' tag to component.gallery for cases where the design system is good but the company behind it is terrible.

130

Reposted by Iain Bean

Pookleblinky @pookleblinky.bsky.social · 13/02/2025

Every time someone proudly posts "so I asked chatgpt" they're saying something *incredibly* fucking embarrassing without realizing it. It's like walking into a party absolutely covered in dogshit and not understanding why all these people are being so mean and rude

11676135

Iain Bean @inbn.dev · 04/02/2025

Apparently today is the 25th (!!) anniversary of the release of the first The Sims game, which has reminded me that a few years ago I built this “Design System” based on its UI. thesimscss.inbn.dev

thesimscss.inbn.dev

TheSims.css

A “Design System” inspired by the 2000 life simulation game, The Sims.

020

Iain Bean @inbn.dev · 23/01/2025

I've been using plausible.io on component.gallery for over 4 years now. It might work out a little bit more expensive than the alternatives but they've been kind enough not to charge me extra whenever I've had the odd popular month which pushed me over my page views quota.

plausible.io

Plausible Analytics

Plausible is a lightweight and open-source Google Analytics alternative. Your website data is 100% yours and the privacy of your visitors is respected.

010

Iain Bean @inbn.dev · 16/01/2025

Thanks for pointing me in the right direction with this. The flash of the fallback font is a lot less frequent now with <link rel="expect"…> but I'm not sure if that's just because the transition to the new page is delayed – I'll do a bit more experimentation and let you know what I discover.

110

Iain Bean @inbn.dev · 14/01/2025

Thanks! I've sent you a DM. It might not even be possible to completely remove the FOUT just using CSS view transitions yet. I assume the Astro ClientRouter is doing a lot more under the hood to make things behave like a SPA but I also could have missed something very obvious!

100

Iain Bean @inbn.dev · 14/01/2025

thanks for the advice! the pure CSS alternative is broadly working – unfortunately it results in a flash of unstyled text which you don't get when using the astro ClientRouter. Do you know a solution for that?

100

Iain Bean @inbn.dev · 13/01/2025

I do love it though

000

Iain Bean @inbn.dev · 13/01/2025

adding view transitions to an astro site with two lines of code feels like magic* *until you realise it's broken all your client-side JavaScript

240

Iain Bean @inbn.dev · 04/01/2025

As part of the upgrade I'm trying to automate the really tedious tasks like screenshot generation, including a solution for the most requested feature: a preview image for every single component example. github.com/inbn/compone...

github.com

Idea: include preview image of each component · Issue #43 · inbn/component-gallery

Hi~ I really like your website and the UI design is very cute:) I think include a preview thumbnail image of each component in component list will be more straightforward？

100

Iain Bean @inbn.dev · 04/01/2025

An update on component.gallery v2 (aka the Astro rebuild): it's _almost_ at feature parity with the current version. I'm aiming for a beta version by end of January.

230

Iain Bean @inbn.dev · 18/12/2024

Total occurrences of the word 'Christmas' in the song 'Christmas (Baby Please Come Home)' by Darlene Love: 28

020

Iain Bean @inbn.dev · 03/12/2024

Toast is one of those names (a bit like accordion) I'm ok with because it gives some hint to the component's form/motion (if you understand what it's referencing!) but I do see that it provides you with zero clue to its content or purpose. I'd be interested to know if you came up with a better name!

120

Iain Bean @inbn.dev · 03/12/2024

Thanks for sharing, Ariel!

130

Iain Bean @inbn.dev · 12/11/2024

I've added (and will be adding more as they're written) all of Heydon's posts about HTML elements as resources to component pages. e.g. component.gallery/components/s...

component.gallery

Separator

A separator between two elements, usually consisting of a horizontal line.

020

Reposted by Iain Bean

Ethan Marcotte @ethanmarcotte.com · 04/11/2024

🦊 A few quick thoughts on the New York Times Tech Guild strike, why it matters, and what it means for the rest of us: ethanmarcotte.com/wrote/times-... #unions #TechUnions #1u #blogging

ethanmarcotte.com

Times to strike. — ethanmarcotte.com

The largest union of tech workers just went on strike.

01216