Rendering Sites Fullscreen in Safari on iPhone X / Introducing “User Agent Variables”

What the …? By default, the new iPhone X in landscape mode will contain sites in the so called “safe area”, resulting in white bars being rendered on either side of the site (src). The color, white by default, can be tweaked by altering the background-color on the <body> element. Do note that it’s only […]

Google Maps’s Quiet Transformation

Justin O’Beirne kept an eye on how a specific area evolved on Google Maps and on Apple Maps over time: Patricia’s Green is the centerpiece of a vibrant and trendy neighborhood in central San Francisco, just blocks away from City Hall. I wrote a script that takes monthly screenshots of Google and Apple Maps. Thirteen […]

Apple Live Photos for JavaScript Developers

In a rather surprising move Apple has released a JavaScript library to play Live Photos on the web on NPM: Use the LivePhotosKit JS library to play Live Photos on your web pages. The JavaScript API presents the player in the form of a DOM element, much like an image or video tag, which can […]

Laphs: Apple Live Photos on the Web

From the folks over at Tumblr: Add support for Apple’s Live Photos in web browsers. Install it using npm, or include the dist file: npm install –save laphs You can make Laphs work with existing elements: <img src="STILL-PHOTO.jpg" data-live-photo="LIVE-PHOTO.mov" data-live-photo-still-image-time="1.71"/> <script>LivePhotos.initialize();</script> Or, alternatively, directly create new instances: const livePhoto = new LivePhotos.LivePhoto(el, options); Laphs: Live […]

Your iPhone’s lockscreen is unsafe

Before you know it, anyone with physical access to your ‘locked’ device could be accessing your personal photographs and contacts. Even with the latest iOS 9.0.1 update, your iPhone’s lockscreen is unsafe → On a sidenote: The audio stack of my iPhone crashed today — “Hello IT, have you tried …”