rockin' the web into the next dimension: jqueryto 2014 final keynote

Rockin' the Web into the Next Dimension

Ross McKegneyCEO, Verold

Frontend is the new backend

Frontend is the new backend

This era of the web belongs to creative coders

Graphics Card INDEX BUFFERS, VERTEX BUFFERS AND SHADERS

Graphics Card

Open GL(Graphics Drivers)

INDEX BUFFERS, VERTEX BUFFERS AND SHADERS

WINDOWS, MAC, LINUX, ANDROID

Graphics Card

Open GL(Graphics Drivers)

Web Browser

WINDOWS, MAC, LINUX, ANDROID

INDEX BUFFERS, VERTEX BUFFERS AND SHADERS

CHROME, FIREFOX, SAFARI, OPERA

Graphics Card

Open GL(Graphics Drivers)

Web Browser

WINDOWS, MAC, LINUX, ANDROID

INDEX BUFFERS, VERTEX BUFFERS AND SHADERS

CHROME, FIREFOX, SAFARI, OPERA

3D Rendering Library THREE.JS, BABYLON.JS, ...

Graphics Card

Open GL(Graphics Drivers)

Web Browser

WINDOWS, MAC, LINUX, ANDROID

INDEX BUFFERS, VERTEX BUFFERS AND SHADERS

CHROME, FIREFOX, SAFARI, OPERA

3D Rendering Library THREE.JS, BABYLON.JS, ...

Your App

Graphics Card

Open GL(Graphics Drivers)

Web Browser

WINDOWS, MAC, LINUX, ANDROID

INDEX BUFFERS, VERTEX BUFFERS AND SHADERS

3D Rendering Library

Your App

JAVASCRIPT

Graphics WebGLProcessing WebCL / Workers / EmscriptenAudio Web AudioNetworking WebRTCReal-time + Devices Web Sockets

Is this for me?Looks complicated, like maybe it’s only for game devs and the guys at Google...

INSPIRATION

Global Arms Trade Datavizby Google

Small arms trade data from 1992-2010 is visualized on an interactive 3D globe.

Journey to Middle Earthby North Kingdom

An interactive tour of Middle Earth for desktop and mobile, using WebGL and HTML5.

Unveil the Infiniti Eau Rougeby HelloEnjoy

Infiniti Eau Rouge is unveiled, particle by particle, in response to social campaign.

The Punchline:As web developers and designers, we have new techniques at our disposal.

But...Creative teams need visual tools.

Examples:

Understanding models & geometry: BGE Dragon3D Scanning: BossFightFull Angular JS app with 3D: Brained.ioProduct visualization: IBP GroupLeap + Three.js: jQueryTO Welcome site

Frontend is the new BackendYour browser can do way more than you ever thought it could.

It’s your time to make your markNeeds hardcore development, product innovation, and experience design.

What will you make?

COMMUNICATE IN 3D

Ross McKegneyCEO, Verold.com

ross.mckegney@verold.com@rossmckegney

Use access code ‘JQUERYTO’ for 3-months of Indie for free!