Login
You're viewing the front-end.social public feed.

Replies

  • Max Böckmxbck
    Sep 12, 2024, 10:13 AM

    also - yes, there's an actual post about scrollbars there. You just probably have to use reader mode to see it, proving the point

    💬 1🔄 3⭐ 18
  • 💬 0🔄 0⭐ 1
  • 💬 2🔄 0⭐ 0
  • 💬 0🔄 0⭐ 0
  • 💬 0🔄 0⭐ 2
  • 💬 0🔄 0⭐ 0
  • 💬 0🔄 0⭐ 1
  • 💬 0🔄 0⭐ 1
  • Attie Grandeattie@chaos.social
    Sep 12, 2024, 11:46 AM

    @mxbck Not to mention the excellent content that's hiding just out of reach! (copied below, it won't fit in the image's alt text)

    A screenshot of the DevTools window, showing the elements that are just off the bottom of the screen. The text is in the following posts (too long for here).
    💬 1🔄 0⭐ 1
  • Attie Grandeattie@chaos.social
    Sep 12, 2024, 11:46 AM

    @mxbck

    Disabling a browser feature to replace it with your own implementation is a controversial topic. There are crowds that protest the very idea – that it's a much more complicated endeavor than it may initially appear. There are countless nuances and distinctions spread between different devices, operating systems, input controls, and applications.

    💬 1🔄 0⭐ 0
  • Attie Grandeattie@chaos.social
    Sep 12, 2024, 11:46 AM

    @mxbck

    Covering every possible scenario is incredibly ambitious, and missing one could be a mistake you may not be able to afford. Consider the consequences: let's say you rolled out an elastic scrolling effect on your page, but you find out too late that 2% of your users on some device and software combination are impacted negatively. Not only are they deprived of the elastic euphoria, but the change has rendered the page unusable – they can't scroll.

    💬 1🔄 0⭐ 0
  • Attie Grandeattie@chaos.social
    Sep 12, 2024, 11:46 AM

    @mxbck

    How quickly can you fix it? Are you willing to spend money to purchase the same device they're using so you can reproduce and debug it? How many more telephones can you stack in your closet before the tower tips over, sending a barrage of dusty cannonballs down on the box of Raspberry Pi parts on the floor? Is it finally time to move that box somewhere else?

    💬 1🔄 0⭐ 0
  • Attie Grandeattie@chaos.social
    Sep 12, 2024, 11:46 AM

    @mxbck

    Maybe it's fine. Perhaps those users don't _deserve_ to scroll. A privilege reserved for the elite 98%. This is your house and the scrollbar is your gatekeeper. Let them stand out there and peer through the bars, a distant glimpse of the fountain and marble lion statues is all they're getting. You didn't invite them. Put the rest of the page down there.

    `body { margin-top: 100vh; }`

    Good luck trying to siege this castle with that moat of a scrollbar.

    💬 0🔄 0⭐ 0
  • Jamie Knightknightlie@vivaldi.net
    Sep 12, 2024, 11:55 AM

    @mxbck I hate what’s happened to scroll bars. Only this morning I was yelling about Visual Studio’s black scroll bar with very slightly lighter thumb being effectively unusable. Pretty sure Apple started us on this outrageous path - you know, the ones obsessed with usability…

    💬 1🔄 0⭐ 0
  • Max Böckmxbck
    Sep 12, 2024, 12:01 PM

    @knightlie yeah - I think there's a general design trend of removing functional affordances to "make it pretty". Not just for scroll bars but other UI elements as well.

    💬 0🔄 0⭐ 2
  • 💬 1🔄 0⭐ 1
  • Little1LostLittle1Lost@layer8.space
    Sep 12, 2024, 2:11 PM

    @hacknorris @mxbck if you right click -> inspect -> open the <> elements with the arrow until you find text
    then you can read it directly in html format

    💬 0🔄 0⭐ 0
  • Kevin Lydalyda@mastodon.ie
    Sep 12, 2024, 12:17 PM

    @mxbck I love how the font and background colour choices make it impossible to read even if you get to it.

    💬 0🔄 0⭐ 0
  • 💬 0🔄 0⭐ 1
  • 💬 0🔄 0⭐ 1
  • 💬 0🔄 0⭐ 0
  • 💬 0🔄 0⭐ 0
  • 💬 0🔄 0⭐ 0
  • 💬 0🔄 0⭐ 0
  • Stuart Longland (VK4MSL)stuartl@longlandclan.id.au
    Sep 13, 2024, 11:23 AM

    @mxbck Heh, just defeated it… open up the DOM inspector in developer tools, navigate down inside the second top-level <div> to the first <div> within the <astro-island> tag…

    there's a <div> inside that with an attribute called `data-v-01df1d55`. Right-click on that attribute and remove it… then scroll away…

    💬 1🔄 0⭐ 0
  • 💬 0🔄 0⭐ 1
  • zrzzzrzz@macaw.social
    Sep 14, 2024, 1:43 AM

    @mxbck I was ready to rage when I read the description, well done.

    💬 0🔄 0⭐ 0