Employing parallax scrolling techniques in an AngularJS site, the iPad version of HBO.com delivers a huge amount of content within a single-page. CSS3 techniques such as momentum scrolling, multiple layering, and masking compliment the pre-rendering techniques that make the download speedy and SEO optimized. HBO.com
The iPad version of HBO.com employs CSS media queries. The site can support desktop, tablet, and smartphone sized screens through responsive coding techniques. Although current release only functions on iPads, the site could be viewed on any device or platform. HBO.com
The “program vertical” page of the mobile version of HBO.com provides both horizontally and vertically scrolled content. It packs a significant amount content into a single page, including image galleries, video playback, social media content, and social interaction. The site is exceptionally performant, even on under-powered versions of iPad and Droids. HBO.com
“Program vertical” page employs momentum scrolling on horizontally scrolled modules. Modules expand and contract to display even more content. CSS and HTML markup is bare-boned and stripped down for optimum speed and performance. A single sub-one second download contains the content of a multi-page web application. HBO.com
The state of the video’s timeline is maintained, so that a user can pause the episode, explore additional content, and then return to either the current location, or fast forward to future scenes. Review of Game of Thrones SmartGlass Experience
Horizontally scrolling layout. Including overlays with image galleries and video playback.
CSS3 transitions Layout both fluid and responsive Horizontal sliding menus
