300px too narrow


  • BINNED

    For those who remember the great 3px too narrow wars, you may also remember I was against trying to use User-Agent sniffing and reading variables from the browser to determine how large the screen is. Not because that would be a bad idea, it's a great idea, but because browsers and browser makers are assholes, which makes webdesigners being assholes, which makes browser makers keep the old shit in for backwards compatibility later down the line (while still being assholes)...

    But that was the argument for laying out the page. Not... well, not this

    0_1536670976175_1de8de1f-e448-4604-b665-91728cb32052-image.png

    This is me trying to open Deezer (it's like Spotify, but works in Moonlandia) in a sidebar in Vivaldi. On desktop. And it's telling me to download the app.

    Are you fucking telling me that the viewport size is the only fucking thing you're using to detect the device when deciding whether to tell me to download a fucking mobile app???

    And no, it's not telling me to download their "native" Electron application for my OS (if there even is one for Linux, didn't check):

    0_1536671238301_0c9ad288-628b-45f8-9138-d3062a89fc1c-image.png

    Oh, small screen and Chromium? Probably Android, here you go bud!

    Goddamnit

    EDIT: I forgot to mention: it also wouldn't change after I made it wider, I had to reload it manually (or force desktop mode in Vivaldi, thank fuck it has that option).



  • This is - in fact - a great idea. Lower resolutions are an unambiguous sign of being on a mobile device. It's not as if there are phones out there with 4k resolution. Desktops always have a larger viewport than mobiles.

    Are you absolutely sure you didn't accidentally open it on your tablet?



  • @martijntje said in 300px too narrow:

    It's not as if there are phones out there with 4k resolution. Desktops always have a larger viewport than mobiles.

    I seem to run into a lot of websites that always assume you're on mobile even at 4K. And now I have a 40" 4K screen that shows like two pieces of information at a time and I'm scrolling for literally miles to see things because they assume I'm on mobile and to hell with anyone who values information in a high-density format.

    For example:

    I can fit exactly one and a half products at a time on the 40" 4K screen. I should be able to see most of them at once.

    Seems to me like 2010-ish was the pinnacle of web design, and idiots have taken over and crapped on everything practical or usable since then.

    /tangential-rant


  • Notification Spam Recipient

    @martijntje said in 300px too narrow:

    . It's not as if there are phones out there with 4k resolution

    My phone is 1080p. Sites still like to think that's small.

    0_1536673669934_Screenshot_Chrome_Beta_20180911-064742.png

    Because, raisins.


  • Notification Spam Recipient

    @mott555 said in 300px too narrow:

    @martijntje said in 300px too narrow:

    It's not as if there are phones out there with 4k resolution. Desktops always have a larger viewport than mobiles.

    I seem to run into a lot of websites that always assume you're on mobile even at 4K. And now I have a 40" 4K screen that shows like two pieces of information at a time and I'm scrolling for literally miles to see things because they assume I'm on mobile and to hell with anyone who values information in a high-density format.

    For example:

    I can fit exactly one and a half products at a time on the 40" 4K screen. I should be able to see most of them at once.

    Fuck your screen!

    0_1536673891269_Screenshot_Chrome_Beta_20180911-065047.png

    I got five products!

    0_1536673984308_Screenshot_Chrome_Beta_20180911-065247.png


  • BINNED

    @mott555 said in 300px too narrow:

    I seem to run into a lot of websites that always assume you're on mobile even at 4K.

    Nah, that's just "modern" web design — huge images and slides, containing at most 3 words next to a generic icon. If you go down 17 menu levels, you might find a page with a more than a paragraph of text.

    And menus always anchored at top. Because why have a menu on the side, those went the way of the dinosaur at just about the same time our aspect ratios started losing more and more vertical space (I'm still pining for the days of 16:10 screens, and you'll only convince me to use anything wider than 16:9 only by putting my balls in a vice).


  • Notification Spam Recipient

    @Onyx said in 300px too narrow:

    Because why have a menu on the side, those went the way of the dinosaur at just about the same time our aspect ratios started losing more and more vertical space

    Like this?

    0_1536674412238_Screenshot_Microsoft_Remote_Desktop_Beta_20180911-065933.png

    Granted, those menu options are mostly toggles in an SPA, but it counts, right?


  • BINNED

    Since we also discussed this on IRC:

    [11/09/2018 15:53:33] <aygeeplus> won't that also work if you resize your window too narrowly?
    [11/09/2018 15:53:38] <aygeeplus> why do web devs do this
    [11/09/2018 15:54:57] <Onyx47_> that will do it too
    [11/09/2018 15:55:13] <created> It's just responsive design
    [11/09/2018 15:55:24] <Onyx47_> it's not even that
    [11/09/2018 15:55:42] <Onyx47_> I forgot to mention, I had to reload it to switch to desktop mode after resizing
    [11/09/2018 15:55:53] <aygeeplus> un-responsive design
    [11/09/2018 15:55:59] <created> Well one-way responsive design, then
    [11/09/2018 15:56:11] <aygeeplus> plus, you should advertise your mobile app as a toaster. period.
    [11/09/2018 15:56:20] <created> Or does it not switch desktop->appstop either?
    [11/09/2018 15:56:23] <aygeeplus> don't fullscreen your dumb mobile app
    [11/09/2018 15:56:42] <aygeeplus> notification
    [11/09/2018 15:57:01] <Onyx47_> well, there is no mobile version of the page
    [11/09/2018 15:57:05] <Onyx47_> it's unusable
    [11/09/2018 15:57:23] <Onyx47_> funny thing is, the "old design" is half usable
    [11/09/2018 15:57:45] <Onyx47_> the player is in the sidebar so at least if you start some music, you can control it
    [11/09/2018 15:57:59] <aygeeplus> we have react native and other bonkers shit like electron
    [11/09/2018 15:58:05] <Onyx47_> in the "new design" it whined at me to apply, the player stretches along the bottom
    [11/09/2018 15:58:21] <Onyx47_> it needed at least something liek 1000px to show all the buttons
    [11/09/2018 15:58:33] <Onyx47_> because what's scaling?
    [11/09/2018 15:58:35] <aygeeplus> you may as well have app=webpage
    [11/09/2018 15:59:01] <Onyx47_> the funny thing is, their dekstop "app" is Electron
    [11/09/2018 15:59:11] <aygeeplus> ohhhh my god
    [11/09/2018 15:59:18] <Onyx47_> mobile app is probably HTML as well
    [11/09/2018 15:59:24] <Onyx47_> so what the fuck, really?
    [11/09/2018 16:00:40] <aygeeplus> seriously why do this
    [11/09/2018 16:00:53] <aygeeplus> it's like you cut off your own leg to install a machine gun and forgot the machine gun
    

Log in to reply