How Apple's iPhone 5 website works
Apple is full of incredibly clever people who not only develop the devices that we know and love, but some who also have amazing tricks up their sleeves for making sure that Apple websites are viewable on a variety of devices. @dbloom posted a website teardown focusing on the Design page of Apple's iPhone 5 site, finding some programming trickery was used to mimic video without having to actually embed video.
Why would Apple want to do this? Well, if a traditional video embed had been used, iOS device users would have seen the video go full-screen instead of being neatly placed in the midst of the explanatory text. The "videos" in question on this page display an iPhone 5 being unlocked as well as a drag-to-rotate EarPod animation.
The result is viewable on iOS devices and takes just a fraction of the bandwidth that a full video file would. Brilliant!
Subscribe to Newsletter
Software Updatesmore updates
- Spotify update adds equalizer, refreshed Artist page and more
- Fantastical 2.1 for iOS adds new snooze, search and notification features
- ExpanDrive 4, more services and faster sync
- Apple adds iTunes Extras to Apple TV
- Spotify updates with new iPhone controls in time for summer BBQs
- iTunes U update will bring course creation and student discussion to iPad app