Advertisement · 728 × 90

Posts by Iain Bean

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.

1 month ago 1 0 0 0
Preview
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.

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.

1 month ago 6 0 1 0

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?

1 month ago 0 0 0 0

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

1 month ago 1 0 1 0

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?

1 month ago 0 0 1 0

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.

1 month ago 0 0 1 0

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.

1 month ago 0 0 1 0
Advertisement

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.

1 month ago 3 0 1 0

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

2 months ago 1 0 0 0

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.

2 months ago 0 0 1 0

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.

2 months ago 0 0 1 0

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.

2 months ago 0 0 1 0
Preview
🎠 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.

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...

4 months ago 15 4 0 0
Preview
a green truck is driving down a road Alt: A green truck is shown from multiple angles driving towards a bollard at speed, but the gif ends before it hits it.

A House of Dynamite (2025)

4 months ago 0 0 0 0
Advertisement

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

4 months ago 0 0 0 0
Grampa Simpson shakes his fist at the Cloudflare logo

Grampa Simpson shakes his fist at the Cloudflare logo

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

4 months ago 1 0 1 0

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

5 months ago 0 0 0 0

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.

5 months ago 1 0 1 0
Preview
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…

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...

5 months ago 1 1 0 0

well this was unexpected

5 months ago 4 0 0 0
Preview
Economics & labor rights in AI skepticism | Henry From Online The personal site & portfolio of creative web developer Henry from Online

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...

10 months ago 48 12 5 1

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

11 months ago 3 0 1 0

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.

11 months ago 1 0 0 0

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!

11 months ago 2 0 2 0
Advertisement
Preview
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.

component.gallery 2.0 is now live 🎉

🚀 Built with Astro
🖼️ 2,400+ component images
📊 Charts!
🔎 Improved search
🌒 Better dark mode

…and much more

11 months ago 65 13 9 1

promised myself I won't download oblivion remastered until I've finished the new component.gallery

coincidentally, this morning has been very productive

11 months ago 1 0 0 0
Video

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.

1 year ago 1 0 0 0
Preview
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.

🦊

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

1 year ago 213 69 18 7

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

1 year ago 1 0 0 0

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.

1 year ago 3 0 1 0