@andy You could start by suggesting every webdesign / CSS article start with mobile rather than desktop examples
I can't help but feel this encourages people to design for desktop as a default and then work out how they're going to squeeze it into a mobile viewport
@andy@andydavies I’ve noticed a trend where a lot of mobile design templates use 375 as the default width, so even if you have a small design, there are still plenty of folks on 320 or 360, so the designs break down
@andy not sure if it’s the worst but I hate Reach Media sites on mobile. Especially the thing where if you accidentally swipe sideways they take you to a different article altogether, completely at random.
@andy pretty much anything on an Apple Watch. Also that new meta tag to set the default viewport scaling to 100% you have to add alongside that one for phone sizes… and gosh typography is always a mess running into reflow and overflow issues.
Oh goodness. I've got into the habit of checking things down to a width of 280px (thanks, Galaxy Fold), but ohno should I design for smart watches too...
@sarajw@andy we go even smaller than watches when we test our typography packages at @typetura. Non-linear scaling makes a huge difference in supporting a huge range of sizes, especially on the smaller side of things.
@andy My (frequently lived) nightmare is having fixed header, so in landscape orientation or two windows mode I don't see what I'm actually entering into field (and it's critical with masks inside fields). And can't see field.
Bonus points, if this field is inside modal that tries to fit into viewport.
Bonus points to bonus points if there are buttons that stick to modal bottom, so I see only site header and buttons, and can't even close or scroll anything.
@andy GitHub actions. The text on the right is a column of single letters. The sections are titled the same. The 4 builds on the bottom left have different endings but are invisible.
@andy YouTube, surprisingly. My biggest pet peeve of the mobile YT experience is that it never remembers my scroll position when navigating back from a video to the list. You’d think Google would have noticed something so glaringly obvious.
@andy the absolute worst experiences are often at narrow “tablet” widths, like when you encounter several columns of text that are like 5 characters wide because they used some pre-baked grid system that is “responsive out of the box” and then never looked at it on anything but a phone and giant desktop monitor.
@andy not the worst, but the one that annoy me the most: google.com results not even able to correct a viewport bug on firefox since maybe 1 or 2 years. Surely to destroy a bit more firefox market share on Android.
@andy When the "desktop" version has more features than the "mobile" version and then you try to force the desktop view on your phone and ✨ it doesn't do that either ✨
Add comment