News for hackers. Stuff that matters.

A comment on Show HN: ResponsiveDevices.css – responsive device frames for your demo page.

Re:Show HN: ResponsiveDevices.css – responsive device frames... by barrowclift on Thursday August 09, 2018 @10:16AM (#17724372)
While neat technically speaking, I unfortunately can't say the result is acceptable for any kind of professional work, in my opinion.

For example, take a close look at the iPhone X in the "Device Library" list, the device and "notch" borders are butchered beyond recognition. A key component of the iPhone X's brand are the particular rounded corners used for the notch, and if the point of this project is to closely emulate particular devices instead of generic ones, it woefully missed the mark.

To be fair, I can't speak for the accuracy for the other devices included, but if their implementations are at all similar to the iPhone X's, I'd expect they are also poor representations.

Comparison between the CSS "iPhone X" and an accurate representation: https://notebook.barrowclift.me/dropbox/comparison.png, and a Light read for more information on the iPhone X corners: https://medium.com/tall-west/no-cutting-corners-on-the-iphon...

[ Parent | on HN ]
Re:Show HN: ResponsiveDevices.css – responsive device frames... by osrec on Thursday August 09, 2018 @11:35AM (#17725077)
Hi, thanks for the feedback :)

I understand your point of view, but I feel you're missing the purpose of these devices. The aim is not to provide a photo-realistic depiction of each device, but a representation that could be used on a landing page or a demo page.

We've found them to be adequate in situations where we require a responsive device frame, and I'm hopeful others will too.

Having said that, we will take another crack at the iPhone X to improve the shaping further. I think we can certainly get the rounded corners more in line with the actual shape. The notch may still be tricky though!

[ Parent | on HN ]
Re:Show HN: ResponsiveDevices.css – responsive device frames... by brudgers on Thursday August 09, 2018 @11:57AM (#17725304)
A demo isn't the product. Sometimes little details matter. Sometimes they don't. It depends on who is selling what to who...when. The rounded corners all matter if the sales pitch hinges on design. Simulating an iPhone X matters less if the pitch is earlier and about basic function. What and how much to include in a demo varies. Most of it is between pitch perfect simulation and nothing.
[ Parent | on HN ]