Users outside the US seeking HBO merchandise are directed to their localized version of the “shop” page by the server after a cookie has been set. Users can select their country from a map of supported countries on this page, or select from a list of counties. A third-party Javascript-based map with SVG components and …
Leveraging CSS media queries, this is a fully responsive web site which should work adequately at any given browser window size or device viewport – from desktop to smartphone. http://hboshop.com/
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
