I will reduce cumulative layout shift but only if they have the prefers-reduce-motion preference enabled — everyone else gets extra layout shift
Zach Leatherman 1818 replies 5757 likes11 repost Original on Bluesky18 replies
Who doesn't like an extra shift? 🫠
I have two on my keyboard
Work has started on the <shake-shake-shake> web component.
oh no
It should just insert this video (or at least an MP3)
…plus activate the good old „disco mode“ of @bradfrost.com’s ish. 🕺🪩
BUBBLES
Is that where you have to shake your device in order to get the various elements on the page to settle into their final layout positions?
yes, I vibe coded this and it works great with the very uncontroversial Vibration API: good vibes only
*Dickensian orphan voice* Please, sir, can I have some more cumulative layout shift?
... and reduce the surplus cumulative layout shift!
I call em layout shits.
layout shift IS animation - you’re just not trying hard enough.
this is right up there with that thread of 100 designers making the worst possible volume slider. someone needs to compile these. there’s a whole genre of UX that technically works but punishes you for trying.
I hear a volunteer!!
three is a crowd - The worst volume control was 2016-ish(?) so looks like I’ll have enough content for a collection of three in about 10 years time 🙂
For every visitor with prefers-reduce-motion, we will increase the cumulative layout shift for others a little more. *twirls mustache*
Sets browser to continuously refresh and open new tabs.
as a treat