Fake responsive UI

[_P_]

I'm not sure who started this trend (probably those goddamned front-end JS developers again) but it seems to me that lots of responsive designs is being perpetuated as "layout changes when browsed in mobile browser", which is solved by "just slap this responsive framework and your website is now automatically responsive". Like, slap Bootstrap, maybe use one of the provided breakpoints, and now your UI is responsive and mobile aware!

This comes up because I have to use one of the enterprise DMSaaS created by a team next to ours for demos and my colleague who tests the demo keeps asking me why UI breaks on mobile despite their team's claim that it's "responsive". To which my response is along the line of, "that's what I call fake responsive UI, man". The web app code contains JS that adjust the height of their dashboard by... running a setInterval that sets its min-height according to the window height at the rate of 50 times per second. It also breaks in dozens different ways in different places once you shrink the browser width.

And our team wants to maybe sell it to non-enterprise users. Yeah, obviously they'll tolerate this fake responsive UI, just like how they tolerate the new Twitter UI, even for something that's like 95% responsive. This website UI is like maybe 30% responsive.

Like, seriously, if someone want to know what actual responsive design is like, they should look at the Youtube app on android. It has many different layouts depending on your aspect ratio and pixel size, and it doesn't break under extreme edge cases, even in dual screen mode. It display information in completely different ways under all these kinds of conditions, and I'd expect it to work fine even on those split-screen mobiles.

Yeah, I know, hiring actual UI team to handle these are too expensive. I just didn't expect how much traction fake responsive designs has gotten. Real, actual, scientific responsive UIs can be made without a responsive design framework, and even with a framework written with responsive design in mind you can still write horribly un-responsive shit on it.

[dkf]

@_P_ said in Fake responsive UI:

running a setInterval that sets its min-height according to the window height at the rate of 50 times per second

Perhaps they need to find out what a resize event is…

[Shoreline]

@_P_ said in Fake responsive UI:

a setInterval that sets its min-height according to the window height at the rate of 50 times per second

[Shoreline]

@_P_ said in Fake responsive UI:

Yeah, I know, hiring actual UI team to handle these are too expensive. I just didn't expect how much traction fake responsive designs has gotten. Real, actual, scientific responsive UIs can be made without a responsive design framework, and even with a framework written with responsive design in mind you can still write horribly un-responsive shit on it.

Mostly you download bootstrap to get the default screen widths, or because, like me, you're lazy about UX until the UX dude says "here are your screen widths, colours, and the appearance of literally everything" and then you're like "sweet, I don't need bootstrap".

[boomzilla]

@_P_ said in Fake responsive UI:

DMSaaS

????

[_P_]

@boomzilla DMS as a Service. They created a DMS that can be hosted on the cloud and spin up as many sub-sites as wanted.

[boomzilla]

@_P_ said in Fake responsive UI:

DMS as a Service.

Motherfucker.

[KattMan]

@boomzilla said in Fake responsive UI:

@_P_ said in Fake responsive UI:

DMS as a Service.

Motherfucker.

yeah same question, why is there a Dog Mating Software as a Service?

[CodeJunkie]

@KattMan said in Fake responsive UI:

@boomzilla said in Fake responsive UI:

@_P_ said in Fake responsive UI:

DMS as a Service.

Motherfucker.

yeah same question, why is there a Dog Mating Software as a Service?

I thought it was Dog Masturbation Software as a Service.

[Parody]

@CodeJunkie said in Fake responsive UI:

@KattMan said in Fake responsive UI:

@boomzilla said in Fake responsive UI:

@_P_ said in Fake responsive UI:

DMS as a Service.

Motherfucker.

yeah same question, why is there a Dog Mating Software as a Service?

I thought it was Dog Masturbation Software as a Service.

It's not Dungeon Master Software as a Service?

[Zerosquare]

DMS est un sigle pouvant signifier :

déchets ménagers spéciaux, une composante des déchets toxiques en quantité dispersée

Translation:

DMS is an initialism which can refer to:

déchets ménagers spéciaux (special household waste), a kind of disseminated toxic waste

It seems to fit.

[_P_]

@Parody said in Fake responsive UI:

@CodeJunkie said in Fake responsive UI:

@KattMan said in Fake responsive UI:

@boomzilla said in Fake responsive UI:

@_P_ said in Fake responsive UI:

DMS as a Service.

Motherfucker.

yeah same question, why is there a Dog Mating Software as a Service?

I thought it was Dog Masturbation Software as a Service.

It's not Dungeon Master Software as a Service?

Docker Management Software as a Service.

[Parody]

@_P_ said in Fake responsive UI:

@Parody said in Fake responsive UI:

@CodeJunkie said in Fake responsive UI:

@KattMan said in Fake responsive UI:

@boomzilla said in Fake responsive UI:

@_P_ said in Fake responsive UI:

DMS as a Service.

Motherfucker.

yeah same question, why is there a Dog Mating Software as a Service?

I thought it was Dog Masturbation Software as a Service.

It's not Dungeon Master Software as a Service?

Docker Management Software as a Service.

Who needs Software to manage their pants, much less Software as a Service?

[Gąska]

@Parody who needs software to manage their water bottle? And yet here it is, an entire market of them.

[Parody]

@Gąska

Though yes, most IoT things are dumb. Thus why we have a thread for them.

[sloosecannon]

@_P_ said in Fake responsive UI:

"just slap this responsive framework and your website is now automatically responsive"

To be fair, if you don't do dumb shit like

@_P_ said in Fake responsive UI:

contains JS that adjust the height of their dashboard by... running a setInterval that sets its min-height according to the window height at the rate of 50 times per second.

^ that, Bootstrap, etc work great at making a responsive site with little actual work. But if you intentionally color outside the lines and break shit, well...

[Watson]

It could be worse.

<?php
session_start();

if (isset($_GET['width'])) {
    $_SESSION['browser_width'] = $_GET['width'];
    header('location: ' . $_SERVER['PHP_SELF']);
    exit();
} elseif (!isset($_SESSION['browser_width'])) {
    echo '<script type="text/javascript">window.location = "'
        . $_SERVER['PHP_SELF'] . '?width="+innerWidth</script>';
    exit();
}
$style_width = $_SESSION['browser_width'];
$_SESSION  = array(); 
?>

It could be much worse.

[mott555]

@Watson

https://i.imgur.com/PegPefN.gif

[boomzilla]

@Watson said in Fake responsive UI:

It could be worse.

<?php
session_start();

if (isset($_GET['width'])) {
    $_SESSION['browser_width'] = $_GET['width'];
    header('location: ' . $_SERVER['PHP_SELF']);
    exit();
} elseif (!isset($_SESSION['browser_width'])) {
    echo '<script type="text/javascript">window.location = "'
        . $_SERVER['PHP_SELF'] . '?width="+innerWidth</script>';
    exit();
}
$style_width = $_SESSION['browser_width'];
$_SESSION  = array(); 
?>

It could be much worse.

<?php
session_start();

if (isset($_GET['width'])) {
    $_SESSION['browser_width'] = $_GET['width'];
    header('location: ' . $_SERVER['PHP_SELF']);
    exit();
} elseif (!isset($_SESSION['browser_width'])) {
    echo '<script type="text/javascript">window.location = "'
        . $_SERVER['PHP_SELF'] . '?width="+innerWidth</script>';
    exit();
}
$style_width = $_SESSION['browser_width'] - 3;
$_SESSION  = array(); 
?>

MUAHAHAHAHAHA

[Rhywden]

Sometimes I suspect you guys are secretly working for the Laundry.