Web Unleashed 2014

2014-09-17 00:00:00 2014-09-19 00:00:00 America/Toronto Web Unleashed 2014 By attending Web Unleashed, you will get up-to-date on the skills to push you ahead in your career. You'll also have the opportunity to network and share ideas with like-minded professionals. Toronto FITC Toronto


Virtual Reality development has become very active recently, with the availability of low cost and high quality headsets, motion tracking equipment, and sensors. However, most VR app development is happening natively — users are stuck in the days of needing to download the right binary, trust a third-party that their code isn’t malicious and fix compatibility issues. Developers need to target multiple platforms, thus often ignoring those with fewer users. Instead, wouldn’t it be great if high quality VR content could be delivered through the Web?

In this session, Vladimir Vukicevic will address additions to HTML, CSS, and WebGL that Mozilla is experimenting with which allow Web developers to create immersive VR experiences. Everything from pure VR WebGL content to responsive HTML and CSS that can shift from mobile to tablet to desktop to VR will be covered. Additionally, Vladimir will discuss delivering VR video via the Web, as well as how to mix WebGL and CSS content in a true 3D space.


To show how VR and the Web work together, and the techniques for bringing VR content to the Web.

Target Audience

Web developers and designers

Assumed Audience Knowledge

Some knowledge of at least one of WebGL, CSS 3D Transforms, or modern 3D graphics would be helpful.

Five things audience members will learn

  1. An overview of current VR devices, their capabilities and how they can interface with the Web.
  2. How to render WebGL content to a VR device.
  3. How to create documents using HTML and CSS that can be projected in VR.
  4. How to create responsive documents that can shift in and out of VR based on user choice.
  5. How WebGL and CSS content can be mixed, providing interactive 3D graphics but with the full power of HTML for non-3D elements.