17
Fix Your Overflows (fractalvoid.codeberg.page)
submitted 4 months ago by to c/webdev@programming.dev
14 comments fedilink hide all child comments
 

Many websites don't bother to fix this thing which significantly improves the UX when browsing websites on small screens (smartphones, etc.). Overflows cause the webpage to drift when attempting to scroll down, and it can be a frustrating experience (at least, for me, especially when I have to re-adjust because the initial size of the text is small because somewhere down the page there is a long string of monospace text or code piece in a tag).

you are viewing a single comment's thread
view the rest of the comments
[–] 2 points 4 months ago (2 children)

Post starts off very promising! Looking forward to reading it all! I also find this very annoying, and baffling that it isn't immediately detected during testing. They obviously don't use their own sites. 🫩

  • permalink
  • fedilink
  • source
  • hideshow 2 child comments
    •
  • [–] [S] 2 points 4 months ago (1 child)

    Thanks! And, yeah, exactly. I think it all comes from people mostly using their own websites on desktop PCs, in full screen on a wide monitor (though some websites still have overflows--there is a visible horizontal scrollbar even on a wide screen). Or people who seriously hate dealing with CSS (most of them use frameworks) and are too lazy to debug. But, point is, it's not hard. DevTools is super easy to use to detect all kinds of problems: be it from HTML, styling, scripting, cookie related, performance, etc.

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 1 child comment
    •