Great Moto G Stylus deal on Amazon!

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

By
25comments
T-Mobile AT&T Verizon Sprint iOS Apple

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
https://m-cdn.phonearena.com/images/users/59-200/Daniel-P.jpg
Daniel Petrov Senior Mobile Tech Journalist and Reviewer
Daniel, a devoted tech writer at PhoneArena since 2010, has been engrossed in mobile technology since the Windows Mobile era. His expertise spans mobile hardware, software, and carrier networks, and he's keenly interested in the future of digital health, car connectivity, and 5G. Beyond his professional pursuits, Daniel finds balance in travel, reading, and exploring new tech innovations, while contemplating the ethical and privacy implications of our digital future.

Recommended Stories

Loading Comments...

Popular stories

T-Mobile is now going to dictate where you can use its 5G internet
T-Mobile is now going to dictate where you can use its 5G internet
Samsung's killer Galaxy Watch 6 Classic trade-in deal comes just in time for Mother's Day
Samsung's killer Galaxy Watch 6 Classic trade-in deal comes just in time for Mother's Day
Apple signals the imminent release of the iPad Air (2024) and iPad Pro (2024)
Apple signals the imminent release of the iPad Air (2024) and iPad Pro (2024)
The speedy iPad Mini 2021 is even sweeter than usual after a lovely discount on Amazon
The speedy iPad Mini 2021 is even sweeter than usual after a lovely discount on Amazon
Verizon customers need to be on red alert as a phishing campaign aims to steal their money
Verizon customers need to be on red alert as a phishing campaign aims to steal their money
Apple Watch X render shows new magnetic band mechanism that could lead to longer battery life
Apple Watch X render shows new magnetic band mechanism that could lead to longer battery life

Latest News

T-Mobile confirms major 5G network upgrades in Louisiana
T-Mobile confirms major 5G network upgrades in Louisiana
Apple needs a $250 iPhone to boost sales but it doesn't want to make "stripped-down, lousy products"
Apple needs a $250 iPhone to boost sales but it doesn't want to make "stripped-down, lousy products"
Grab the smaller-sized Galaxy Watch 6 at bargain prices through Amazon's deal
Grab the smaller-sized Galaxy Watch 6 at bargain prices through Amazon's deal
Galaxy S21 and S22 owners facing green line issue will get free screen replacement in one country
Galaxy S21 and S22 owners facing green line issue will get free screen replacement in one country
AT&T's first kid-friendly tablet is here with a fun design and great price
AT&T's first kid-friendly tablet is here with a fun design and great price
LeBron James may have leaked Apple's next big Beats product
LeBron James may have leaked Apple's next big Beats product
FCC OKs Cingular\'s purchase of AT&T Wireless