Discover HTML5

Ain't Nothing But A Movie

Featuring evocative illustrations by Owen Freeman, Ain’t Nothing But A Movie is an interactive graphic novel produced by Jocabola for Granta magazine. Each scene was presented as a 2.5D composition using HTML5 Canvas elements – with limited resources, it relied heavily on script libraries from Mr.doob, including Three.js to move the virtual camera

Simon Lindsay, interactive developer at New York-based agency Firstborn, insists that while there’s often another tool that can do the same job, context is everything: “HTML5 is more effective when SEO is a priority and when the audience is likely to be using a modern browser,” he says, having worked on campaigns for Aflac, Wrigley and SoBe. “The main alternatives are Flash and Silverlight when a rich user experience is required.”

Franois Le Pichon is founder and creative director of Parisian web design studio Steaw, whose clients include Microsoft, Louis Vuitton and Ben & Jerry’s. He believes that HTML5 is particularly powerful for creating interactive magazines. “Flash is optimised more for animation than displaying content,” he argues. “HTML5 gives perfect content rendering, to which we could add cool and beautiful animation and transitions for a better, unique user experience.”

Seamless integration with CSS3 is another bonus for Le Pichon: “The art direction of an HTML website used to be limited by technical possibilities,” he recalls. “Now we’re more free to create outstanding user interfaces. We can go deep into details, such as enhanced rollover effects, and Canvas enables us to render very innovative things.”

When combined with CSS3, HTML5 is particularly strong for animation, and tools such as Adobe Edge will only make this task easier. Le Pichon is content with a simple text editor, however – for now at least.

Of course, no matter how stripped-back the tools used to create the code are, HTML5’s advanced functionality can send ill-equipped browsers into a tailspin. “It’s something that we need to weigh up at the start of the process,” admits Lins Karnes, UK managing director and executive producer at B-Reel. Besides its seminal Arcade Fire project, the agency works closely with leading ad agencies around the world on campaigns for clients including Nike, Honda and Google.

“We always look to push the boundaries of what’s possible and continually seek out new and interesting ways to deliver a message,” he explains. “Interaction and storytelling play a huge part in our work, and we push hard to achieve a creative polish across all we do.”

Technology plays a pivotal role too, of course, and Karnes points out that as many browsers struggle to meet the same standards, it becomes a constant trade-off that can slow the progress of genuinely boundary-pushing work: “Innovation can’t be achieved if you constantly cater for browsers that don’t support the latest features,” he says.

One possible approach, for Karnes, is to go all-out to push the most suitable browser to its limits and, in doing so, raise the bar and encourage the other browsers to improve accordingly. Digit’s Derrick Holmes advises caution here, however: “Innovation is pointless if half the users can’t use it,” he reasons. “Most people browsing at work are unlikely to have modern browsers and will have little or no administration privileges to install one. But there are tools and methods to ensure that everyone can have access to the good stuff.”

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

TOPICS

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.