If you like your notch, you can keep your notch: Apple's web design tips for the iPhone X


If you like your notch, you can keep your notch - that's in a nutshell the WebKit development advice that Apple is giving in the new guidelines for browsing on the "all-screen" iPhone X. That the cutout area where Apple houses the Face ID camera kit will be a challenge for developers is a foregone conclusion, and developers have already come up with flexible solutions to incorporate it in their apps and websites.

Nothing beats the official guidelines, though, and just one look at Apple's examples above can tell you where this thing is heading. Apple's WebKit team will include new code and development techniques tailored specifically for the iPhone X. Not everything is in the current version of its software tools for iOS 11, but a future update, likely around the iPhone X launch, will bring those up to speed. 

For instance, there are new min and max commands which specify the navigation bars and to expand to the edges when the phone is held in portrait mode, but automatically prop larger inset margins in landscape for content, so that the notch on the side, the rounded corners, and the virtual nav bar at the bottom won't obscure the view. A picture is worth many words, so check out Apple's examples of dos and don'ts above.

source: Apple

Recommended Stories

Loading Comments...
FCC OKs Cingular\'s purchase of AT&T Wireless