Live data from Hacker News

Designing Websites for iPhone X

webkit.org

81–90 of 135 posts

Re: Designing Websites for iPhone X

#81
post #55

Earlier quoted context omitted.

Ha, good god. What a disaster this thing is.

Its a joke; the scroll bar doesn't really do that

Yes, I'm aware. These people are telling jokes about it for a reason.

The reason for this particular joke is that the notch occludes the scroll indicator in that orientation, which should just be unacceptable. And yet, here we are, telling each other what a joke is.

Re: Designing Websites for iPhone X

#82
post #56
post #8

Out of the box, Safari displays your existing websites beautifully on the edge-to-edge display of the new iPhone X. Content is automatically inset within the display’s safe area so it is not obscured by the rounded corners, or the device’s sensor housing. Default behavior is for you to do nothing to your code and Safari on the X will automatically pad around the inset and rounded corners. This is just if you _want_ t…

OK, I'll say it: this would not have happened under Steve.

Steve said not to think "what would Steve do".

I doubt you could predict what Steve would do when he was alive.

Re: Designing Websites for iPhone X

#83
After wondering for a second how people were testing this stuff, I realized I could just fire up the Simulator from the new version of Xcode that just updated itself.

Pretty cool that it's so easy to try out! And especially that you don't have to blow $1000 on a real device if you don't want to.

(Sucks if you're not using OS X, of course...)

Re: Designing Websites for iPhone X

#84
post #47
post #8

Out of the box, Safari displays your existing websites beautifully on the edge-to-edge display of the new iPhone X. Content is automatically inset within the display’s safe area so it is not obscured by the rounded corners, or the device’s sensor housing. Default behavior is for you to do nothing to your code and Safari on the X will automatically pad around the inset and rounded corners. This is just if you _want_ t…

But in any case you can do that by making your website a little smaller on iphonex screens. That's not the problem! That's one line of CSS. The problem is that now we are expected to design for this non-rectangular screen, taking "advantage" of the little gaps at the sides, and perhaps fill them with little buttons in creative ways. So that's the real problem. This will cost us (developers) extra time. Instead, I thi…

The percentage of articles on HN that make me glad I quit web dev seems to be steadily rising every day. What a nightmare.

Re: Designing Websites for iPhone X

#85
post #19

I was ready to be annoyed by this, and it is a ridiculous design, but the article is a pretty good discussion of CSS's round display extensions. Those have been sort of sitting around gathering dust as far as I can tell, but the idea seems pretty cool and potentially useful. I like that they're proposing a safe area constant, which makes a lot of sense. This is a really great way to see it all actually working and fi…

Yeah it is surprising to see such a hacky design when they literally only had one use case.

I also don’t understand why all browsers are adding css properties just to support the new iPhone, but maybe I don’t understand how this committee works.

Re: Designing Websites for iPhone X

#87

Earlier quoted context omitted.

A lot of things wouldn't have. Top of my list: a) keeping the macbook air non-retina (for like five years after PC laptops were retina, even after the incremental cost for the feature was very, very close to zero due to industry-wide cost reductions in display/chipset tech) b) shipping the new macbook pro with the touch bar c) shipping the new macbook pro with that keyboard that just breaks down when used outside of…

d) the whole luxury/jewelry transition of the company This Steve Jobs? https://www.cultofmac.com/270831/steve-jobs-luxury-yacht-spo... I don't know where people get the idea that Jobs was always right. He was a master of changing his entire opinion on a dime (usually for good reasons, to be fair) but still acting as if he'd been right the whole time.

I really don't see the correlation between his product design/marketing/pricing choices and him owning a yacht? Are you saying I thought he was a closet socialist/communist? (No, I did not. (hah))

The whole thing is that being a jewelry company is intensely boring and mentally uninspiring. Not pushing things forward in any way or manner. Just making them more luxorious in order to increase the margin of the existing market.

How many iterations before we see diamond-encrusted iPhones?

Re: Designing Websites for iPhone X

#89
post #80

Earlier quoted context omitted.

This will cost us (developers) extra time. I just added 'viewport-fit=cover' to my project and boy am I tired! ;-) In the words of Aaron Rogers: relax. The CSS frameworks (Foundation, Bootstrap, etc.) will have this baked in the next time they're updated. Compared to the drama we as web developers have dealt with in the past, this is pretty minor. Apple gives you the CSS you need: @supports(padding: max(0px)) { .post…

Just wait until everybody else starts filling those gaps with cute little icons. Your boss will come in one morning, ordering you to move the buttons from the main page to the corners, but of course only for the iphonex. And before you know it, you'll be spending a day on boring CSS work, and several days in the future on maintenance and compatibility problems. You're not a technologist anymore; you've become a slave…

Thinking up disastrous conclusions to a cosmetic, optional, opt-in style feature affecting a very low percentage of your audience is a bit dramatic, no?

Re: Designing Websites for iPhone X

#90
post #59
post #41

Earlier quoted context omitted.

Well, except that the default behavior pulls the background color into the irregular areas, which will probably yield some unexpected and less than desired results for sites that don't expect the background color to fill space to the left and right of the content. I think a more sensible default would have been to fill the irregular space with black to create a letterboxed appearance. Basically reduce the irregular s…

Yeah, I really don't understand Apple's aversion to using black on their first phone with an OLED display. Nearly all of Apple's built in apps have kept their bright white UI's.

Ives is kinda obsessed with white in case you hadn't noticed.
Post reply on HN