Here are fixes devs need for iOS 11 Webview Viewport on the iPhone X

Here are fixes devs need for iOS 11 Webview Viewport on the iPhone X

The default viewport behaviour in iOS 11 on an iPhone 8.

[…]

Looking good with viewport-fit set to cover in iOS 11 on an iPhone 8.

[…]

Luckily, Apple added a way to expose the safe area layout guides to CSS. They added a concept similar to CSS variables, called CSS constants. Think of these like CSS variables that are set by the system and cannot be overridden. They can be accessed by the constant() function in CSS, which has been proposed to the CSS Working Group for standardization.

[…]

Let’s say you have a fixed position header bar, and your CSS for iOS 10 currently looks like this:

[…]

See Also

Cross-document view transitions for multi-page applications

Get started with cross-document view transitions for use in your multi-page application (MPA).

Do you know about overflow: clip?

You probably know overflow: hidden, overflow: scroll and overflow: auto, but do you know overflow: clip?

Transitioning To Auto Height

I know this is something Chris has wanted forever, so it's no surprise he's already got a fantastic write-up just a day after the news broke. In fact, I first

How To Test Swift Packages

Swift packages are a neat and simple way to bundle up and share code. They remove the overall complexity by not requiring an Xcode project but instead

Replacing Combine with Async/Await in SwiftUI using a HotSignal Class

The HotSignal class is a custom wrapper designed to expose a sequence of events using Swift’s Async/Await features.

Thread safety with Mutex in Swift 6

Today we will be exploring the Mutex struct, seeing how it can be used to prevent crashes and undefined behaviour due to simultaneous reads & writes to shared mutable data.