Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Designing Websites for iPhone X

webkit.org

Post reply on HN
Print view View original

51–60 of 135 posts

Re: Designing Websites for iPhone X

#51

Post by mrks_ »

bhauer wrote: post #41
mrks_ wrote: post #25

Earlier quoted context omitted.

Too bad more people aren't reading this before whingeing in the comments.

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…

There are a fair amount of reasonable concerns and suggestions in this thread (at least, now there are).

I agree, I would've liked to see a letterboxed solution, similar to what they do for fullscreen video.

Re: Designing Websites for iPhone X

#52

Post by pietroalbini »

alwillis wrote: post #36
pietroalbini wrote: post #15

So, the standard for constant() will have a different name/syntax but they put it without any prefix? Why?

The current consensus among browser implementors is that, on the whole, prefixed properties have hurt more than they’ve helped. So, WebKit’s new policy is to implement experimental features unprefixed, behind a runtime flag. : https://webkit.org/blog/6131/updating-our-prefixing-policy/ As the article states, prefixes have created a set of problems, which is why Apple, Google, Mozilla and Microsoft stopped using them…

But the things they added aren't behind a runtime flag, but enabled by default and without any prefix, yet not standardized.

Re: Designing Websites for iPhone X

#53

Post by alwillis »

phinnaeus wrote: post #16
Roritharr wrote: post #5

Earlier quoted context omitted.

I have to agree. This is not bringing anyone but apple further.

The best part is how all of these features are Safari/iOS 11 only -- except for the ones that aren't even part of that, and are experimental.

Turns out `viewport-fit` is also in the specs: https://www.w3.org/TR/css-round-display-1/#viewport-fit-desc...

Re: Designing Websites for iPhone X

#56

Post by pbreit »

YooLi wrote: 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.

Re: Designing Websites for iPhone X

#57

Post by throwaway2016a »

YooLi wrote: 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…

I think it would be much better if it was black on the edge like a letter boxed video.

Re: Designing Websites for iPhone X

#58

Post by pier25 »

I like that the Webkit team decided to use standard features to solve this, but OTOH having to add custom safe areas for a single device goes against any common sense.

No Apple, we won't change all our websites for your new gimmick.

Re: Designing Websites for iPhone X

#59

Post by jclardy »

bhauer wrote: post #41
mrks_ wrote: post #25

Earlier quoted context omitted.

Too bad more people aren't reading this before whingeing in the comments.

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.
Post reply on HN