Not sure that's how responsive works


  • SockDev

    OK, so this is a topic where we establish if arantor is TRundefined or if it is the people he works with that are undefined.

    We use Bootstrap. Consider a layout that has 3x col-sm-4. This means on 768+ px screens, we will have 3 equal width columns, which will flip down to stack vertically one above the other on < 768px devices. This is responsive as i understand it, as in we respond and reflow (and subtle adjust sizing/spacing of things) to present the content slightly less retardedly on a mobile size.

    Apparently, my understanding is wrong. For such content, we're not supposed to reflow it like that, we're supposed to turn it into a 3-pane carousel, which additionally switches panes when swiping left/right. (This is not a thing Bootstrap can do.)

    If that weren't enough... consider a tabbed navigation interface. 5 tabs, each with different elements of content that are part of the page. Bootstrap supports this out of the box and on narrower layouts, these wrap to multiple lines like good inline-block content should. But wait, in the world my place inhabits, we need to convert these into a dropdown and use the dropdown to switch content tabs.

    All in all, it's probably not a bad interface choice to actually do it, but it goes outside of what one usually thinks of with 'responsive'. Am I going mad or are the people around me mildly crazy and expecting things that are above and beyond what responsive means?

    (I can and have implemented these things. They work satisfactorily well enough for the client.)



  • Responsiveness means that the layout of a page adapts to the screen it is viewed on, in order to prevent the user having to zoom and scroll the bejesus out of them.

    Whether you do that by reflowing the document or by putting stuff in a carousel is up to you.


  • SockDev

    @Arantor said in Not sure that's how responsive works:

    Am I going mad or are the people around me mildly crazybatshit insane and expecting things that are above and beyond what responsive means?

    The second thing.



  • @Arantor Before web developers hijacked and redefined the term, "responsive" meant the program acted quickly on user input. Now whenever anybody says "responsive" nobody knows what the hell they're talking about without clarifying questions and have I mentioned lately that I hate this industry and everybody in it?

    But that aside, @AlexMedia is right, the term itself doesn't specify how specifically the page responds to different viewport sizes.


  • Discourse touched me in a no-no place

    @blakeyrat We could always simply say that “responsive” means both that the page responds (rapidly) to the user's device size/orientation and also to the actions taken by the user. Hard to see why non-idiots wouldn't want that.


  • Winner of the 2016 Presidential Election

    @dkf said in Not sure that's how responsive works:

    @blakeyrat We could always simply say that “responsive” means both that the page responds (rapidly) to the user's device size/orientation and also to the actions taken by the user. Hard to see why non-idiots wouldn't want that.

    But then you couldn't have NodeB— right.



  • ITT @blakeyrat , once again, cannot comprehend that words evolve in meaning.



  • @Gąska Yes, that's what I said. "I can't comprehend that words evolve in meaning". Exactly what I said.


  • SockDev

    @Gąska except that he demonstrated that he was completely aware of words evolving and that the evolution was possibly retarded - not that it hadn't happened.



  • @Arantor for him, every use of any word that was used differently 20 years ago is retarded.


  • SockDev

    @Gąska just because I can acknowledge their change doesn't mean I don't think it's retarded either.

    Like with the word 'responsive'. This entire topic is 'the word appears to have changed meaning and I think the new meaning is somewhere between retarded and insane', but apparently it's only an issue when Blakeyrat does it?



  • What the others said. Specifically, as long as you can reflow the same DOM using CSS and some JavaScript, it's responsive. If you need to build a whole new set of html templates, often by having a different URL entirely for the mobile version, then it's not responsive. Sometimes the differences can still be drastic and due to some very big differences between a desktop and mobile version I've had to have distinct versions of certain widgets that hide/show based on the size, but overall I'd still consider that to be a responsive design.

    I will also point out that, unless you're making the ability to swipe from column to column obvious, I hate that design. I've been on sites in the past where I think I just swipe down to get all the content, only discovering by accident that there's tons more content that can slide from side to side. That drives me nuts.


  • SockDev

    @The_Quiet_One said in Not sure that's how responsive works:

    Specifically, as long as you can reflow the same DOM using CSS and some JavaScript, it's responsive.

    And please, please, please, use CSS to reflow as much as possible so you don't burn through people's batteries with masses of JavaScript.

    @The_Quiet_One said in Not sure that's how responsive works:

    I will also point out that, unless you're making the ability to swipe from column to column obvious, I hate that design. I've been on sites in the past where I think I just swipe down to get all the content, only discovering by accident that there's tons more content that can slide from side to side. That drives me nuts.

    Design conventions exist for a reason, people!



  • @Arantor said in Not sure that's how responsive works:

    Like with the word 'responsive'. This entire topic is 'the word appears to have changed meaning and I think the new meaning is somewhere between retarded and insane', but apparently it's only an issue when Blakeyrat does it?

    I think there's nothing wrong with the new meaning of "responsive". It's pretty clear in the context of web app design what "responsive" means. What's wrong is your coworkers thinking that the app has to have idiotic unusable interface to be called reactive, while the actual meaning is dynamically adapting interface to different screen sizes. It's like those managers who misunderstood scrum training and think developers aren't agile if they don't stand up on meetings.



  • @Gąska said in Not sure that's how responsive works:

    It's like those managers who misunderstood scrum training and think developers aren't agile if they don't stand up on meetings.

    How can you possibly stay supple and agile if you're sitting down the whole time. 🚎

    I'm with @blakeyrat, people should stop coming up with newfangled re-definitions of perfectly cromulent words. There are very few concepts that are truly new, but if something is then make a new word for it - don't bastardise existing vocabulary (or at least, if you do, then be a bit clever about it). The new meanings of "agile" and "responsive" are just ignorant.

    (and stay off my lawn)



  • @Arantor said in Not sure that's how responsive works:

    Apparently, my understanding is wrong. For such content, we're not supposed to reflow it like that, we're supposed to turn it into a 3-pane carousel, which additionally switches panes when swiping left/right. (This is not a thing Bootstrap can do.)

    That sounds superficially to me a bit like Material Design.


  • kills Dumbledore

    There's a difference between responsive design and a responsive interface. Unfortunately, both are shortened to responsive in contexts where either could apply



  • @japonicus said in Not sure that's how responsive works:

    I'm with @blakeyrat, people should stop coming up with newfangled re-definitions of perfectly cromulent words. There are very few concepts that are truly new, but if something is then make a new word for it - don't bastardise existing vocabulary (or at least, if you do, then be a bit clever about it). The new meanings of "agile" and "responsive" are just ignorant.

    But...those are the words we have. It's just applying them to something differently. That's how English works. You really wouldn't like it if people came up with entirely new words that had no meaning attached.

    1. Responsive reactions to user actions as measured in time.
    2. Responsive display based on the size of the view.

    @japonicus said in Not sure that's how responsive works:

    (and stay off my lawn)

    I will if you will.


  • Impossible Mission Players - A

    @boomzilla said in Not sure that's how responsive works:

    You really wouldn't like it if people came up with entirely new words that had no meaning attached.

    Supercalifragilisticexpialidocious ?



  • @AlexMedia said in Not sure that's how responsive works:

    Whether you do that by reflowing the document or by putting stuff in a carousel is up to you.

    But if you put it in a carousel, you are a fucking asshole and deserve to be fist-fucked with a bottle of beer.

    American beer.


  • Discourse touched me in a no-no place

    @Lorne-Kates said in Not sure that's how responsive works:

    American beer.

    Coors Lite.


  • SockDev

    @Lorne-Kates but the designer and client have signed off on it. 😞



  • @dkf Pabst. At least Coors Light appears to be some kind of alcohol. Fairly sure Pabst is yak urine.



  • @Tsaukpaetra said in Not sure that's how responsive works:

    @boomzilla said in Not sure that's how responsive works:

    You really wouldn't like it if people came up with entirely new words that had no meaning attached.

    Supercalifragilisticexpialidocious ?

    How precocious!



  • @dkf Also known as "piss"


  • Discourse touched me in a no-no place

    @lucas1 It's not just piss. Someone's taken a Sodastream to the piss…


Log in to reply
 

Looks like your connection to What the Daily WTF? was lost, please wait while we try to reconnect.