Andy Bell's Avatar

Andy Bell

@bell.bz.bsky.social

Founder at: @piccalil.li and @set.studio Complete CSS Course: https://complete-css.com CSS Book: https://every-layout.dev Newsletter: https://piccalil.li/the-index/ ๐Ÿ”— https://bell.bz/links/ ๐ŸŒ https://bell.bz ๐ŸŒ Cheltenham, UK

16,093 Followers  |  962 Following  |  6,817 Posts  |  Joined: 16.04.2023  |  2.4038

Latest posts by bell.bz on Bluesky

A grandma with a zimmer frame is being helped by a younger woman. The grandma is captioned with "Back in my day we used the <center> element". The younger woman is captioned "Ok rem lets get you back to bed"

A grandma with a zimmer frame is being helped by a younger woman. The grandma is captioned with "Back in my day we used the <center> element". The younger woman is captioned "Ok rem lets get you back to bed"

07.08.2025 16:24 โ€” ๐Ÿ‘ 11    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

We're live! Ductts helps you track your tears with logging, tagging, selfies, and CSV exports so you can do your own data analysis on it (or give it to your therapist).

07.08.2025 16:06 โ€” ๐Ÿ‘ 33    ๐Ÿ” 12    ๐Ÿ’ฌ 3    ๐Ÿ“Œ 0

Big tech companies, man

07.08.2025 16:17 โ€” ๐Ÿ‘ 17    ๐Ÿ” 1    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0

I tried it and it was a bit too aggressive, but keeping tabs on it!

07.08.2025 15:16 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

we should probably start weaponising AI itself against the people trying to make even more billions with it IMO

07.08.2025 13:36 โ€” ๐Ÿ‘ 10    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

we should for sure be doing stuff like this

07.08.2025 13:36 โ€” ๐Ÿ‘ 33    ๐Ÿ” 3    ๐Ÿ’ฌ 4    ๐Ÿ“Œ 0

writing an article on css centering

07.08.2025 13:34 โ€” ๐Ÿ‘ 7    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Preview
Inclusive Design 24 (#id24) A free 24-hour online community event on accessibility and inclusion

The full schedule of โ€ชโ€ช@inclusivedesign24.bsky.socialโ€ฌ is online, and it's going to be an amazing 24 hours for anyone interested in accessibility. For those not familiar, it's 24 hours, free conferences on accessibility, available on YouTube. Save the date: 25 September 2025!

07.08.2025 12:30 โ€” ๐Ÿ‘ 8    ๐Ÿ” 14    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
Building a typed fetch in TypeScript with conditional types and infer Sophie Koonin uses a handy context โ€” a bird watching site โ€” to explain some complex, but handy features of TypeScript that will definitely improve your API-based functionality.

Sophie Koonin uses a handy context โ€” a bird watching site โ€” to explain some complex, but handy features of TypeScript that will definitely improve your API-based functionality.

piccalil.li/blog/buildin...

07.08.2025 11:05 โ€” ๐Ÿ‘ 21    ๐Ÿ” 3    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 2
DevTools for CSS Developers - Free 5 part course

If you're new to CSS, one of the best ways to make your life easier is to take advantage of all the CSS debugging features in your devtools.

To help, I teamed up with @amitsheen.bsky.social to create a free, 5-part beginner course on getting started with them: devtoolsforbeginners.kevinpowell.co

07.08.2025 12:24 โ€” ๐Ÿ‘ 60    ๐Ÿ” 16    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0

I've been desperate to get @localghost.dev's work on Piccalilli and *finally*, it's a reality.

07.08.2025 11:20 โ€” ๐Ÿ‘ 23    ๐Ÿ” 2    ๐Ÿ’ฌ 4    ๐Ÿ“Œ 0

we don't fuck around here

07.08.2025 10:51 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Choice is important with stuff like highlighting - Andy Bell I&#8217;m making some demos for an article and I wanted one of those smooth gradients. It&#8217;s still not quite possible with standard CSS, so I used this trusty resource. I generated my gradient (t...

new on the blog bell.bz/choice-is-im...

07.08.2025 10:26 โ€” ๐Ÿ‘ 4    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Preview
HTML popovers shown on interest should be accessible on mobile devices | utilitybend A new HTML feature, popover=hint, lets developers create hover-triggered popovers. This article is all about the accessibility on touch devices.

๐Ÿš€A new HTML feature, interestfor, allows for hover-triggered popovers. But how do they work on touch? The article shows different solutions for making them accessible on touch devices, and my thoughts on them. Share your thoughts! #HTML #webdev #accessibility #openui

utilitybend.com/blog/html-po...

07.08.2025 10:01 โ€” ๐Ÿ‘ 53    ๐Ÿ” 13    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0
Preview
Baseline for CSS properties now in Chrome DevTools ย |ย  Blog ย |ย  web.dev Baseline information is now available for CSS properties in the Elements panel of Chrome DevTools!

Baseline for CSS properties now in Chrome DevTools

07.08.2025 07:57 โ€” ๐Ÿ‘ 12    ๐Ÿ” 5    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 2
Preview
You've broken your streak Thoughts on perfectionism and burnout, and how to move away from an all or nothing mindset

Life is messy, doing something is nearly always better than doing nothing - but we have to let ourselves off the hook when we (inevitably) canโ€™t do everything. Streaks make that harder. Duolingo I am looking HARD at you.

I wrote a bit about streaks here ๐Ÿ‘‡๐Ÿป

amyhupe.co.uk/articles/you...

2/2

07.08.2025 08:08 โ€” ๐Ÿ‘ 18    ๐Ÿ” 3    ๐Ÿ’ฌ 5    ๐Ÿ“Œ 0

I think next year yeh when there's X more, justifying the bundle. They're all so far, quite intrinsically linked, so there's definitely a benefit in that too

07.08.2025 08:21 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

smart stuff!

06.08.2025 15:54 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
I finally added Bluesky comments and likes to my blog (and you can too!) Senior Software Engineer

I finally got around to doing this thing I've been wanting to do, and if you have an @astro.build site there's code linked for you to copy it, too!

Shoutouts to @whitep4nth3r.com , @ngerakines.me , and @ashley.dev for inspiration โค๏ธ

brittanyellich.com/bluesky-comm...

05.08.2025 22:14 โ€” ๐Ÿ‘ 137    ๐Ÿ” 15    ๐Ÿ’ฌ 20    ๐Ÿ“Œ 2

css feels like cheating now

06.08.2025 15:48 โ€” ๐Ÿ‘ 9    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

ohh, I canโ€™t wait to write this fallback in my CSS ๐Ÿ˜…

.element {
height: -webkit-fit-available;
height: stretch;
}

06.08.2025 05:07 โ€” ๐Ÿ‘ 55    ๐Ÿ” 6    ๐Ÿ’ฌ 4    ๐Ÿ“Œ 0
Preview
DS Live: Amy Hupe - A Whole Lot of Nonsense DS Live is a new webinar series from zeroheight where we invite the best speakers from around the world to deliver talks on design systems, and everything ...

A reminder that we're kicking off @amyhupe.bsky.social's amazing talk about jargon on DS Live in TWENTY MINUTES

webinars.zeroheight.com/register/zer...

06.08.2025 15:40 โ€” ๐Ÿ‘ 9    ๐Ÿ” 5    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
What's the European Accessibility Act got to do with my design system? Not sure how the European Accessibility Act (EAA) impacts your design system? This guide explains whoโ€™s affected, what compliance involves, and how to make your system more accessible, even if youโ€™re ...

Enjoyed nerding out over this piece for the @zeroheight.com blog on the EAA and what it means for your design system:
zeroheight.com/blog/europea...
#accessibility #a11y

05.08.2025 13:44 โ€” ๐Ÿ‘ 15    ๐Ÿ” 4    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 1

Tech dorks are always extremely eager to show off proof-of-concept demos. Yeah, it's cool that your widget can do that. It's better than not having the widget.

But is it better *enough* that it was worth it to build the widget, instead of something else that was more useful? (probably not)

06.08.2025 13:42 โ€” ๐Ÿ‘ 42    ๐Ÿ” 2    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 1

Get excited

06.08.2025 15:03 โ€” ๐Ÿ‘ 10    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

TIL what a sci-fi rectangle is. You don't know what that is either? Subscribe

06.08.2025 14:10 โ€” ๐Ÿ‘ 6    ๐Ÿ” 3    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

I've got heaps of that mate

06.08.2025 14:04 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

my god, I don't think I've got the mental strength to let an AI do anything related to databases

06.08.2025 13:53 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

I think netlify's "why didn't this build" "AI helper" has got it right once, ever, for me

06.08.2025 13:30 โ€” ๐Ÿ‘ 5    ๐Ÿ” 0    ๐Ÿ’ฌ 3    ๐Ÿ“Œ 0

@bell.bz is following 20 prominent accounts