Voor de nieuwe The Hunger Games film die in november dit jaar uit moet komen lanceerden producent Lionsgate samen met partner Microsoft deze week een bijzondere nieuwe website. De site is een responsive grid, dat mee schaalt op elk denkbaar device. Zo kun je de site dus HD op een 27″ iMac bekijken, of op je tablet of smartphone. Het bijzondere aan de site is dat deze volledig in HTML5 gemaakt is:
Rather than a traditional floated grid layout, we used JavaScript to place each block in place,” the site explains. “This allowed us to ensure that blocks at any size would fit neatly without any gaps. As the browser resizes, we recalculate the position of each block and ease it into place, regardless of the screen resolution coming from a TV with IE on Xbox, a laptop, a tablet, or an HTML5 enabled smartphone.
Via hashtag #TheSpark kunnen fans zelf bijdragen leveren aan het platform in de vorm van tweets en foto’s. De complete interface werkt zowel met muis als touch navigatie en wordt continu automatisch ververst. Een technologisch hoogstandje. Lees hier meer over hoe de site gebouwd werd en functioneert.