Ada.is

The blog of Ada Rose Cannon

I work on Safari at Apple and participate in web standards for spatial and immersive technologies at the W3C. I build demos, give talks, and write about the web platform.

Demos & Experiments

A collection of web projects and prototypes.

Conference Talks

Talks I've given on WebXR, web standards, and the web platform.

About Me

More about who I am and what I have worked on.

Writing

[Video] Designing a WebVR game with A-Frame - Designer vs. Developer #18

[Video] Designing a WebVR game with A-Frame - Designer vs. Developer #18

In this episode, Ada Rose Canon tells us how she built a WebVR game in a week for the “Games Done Quick” event. She explains how she used A-Frame, Twinery, Archilogic, Glitch, Google Poly, binary, and a bit of JavaScript to create a game engine and a responsive virtual environment.

Preview image for Isomorphic ES Modules

Isomorphic ES Modules

Earlier I demonstrated how to build a Single Page App which shares templates with the Server Side Code. We share the web app’s templates to enable the first page load to be pre-rendered on the server. This practice lets Web Apps start faster and be more resilient to network failure.

[Video] DeltaV talk - A Rube Goldberg machine and new Web APIs

[Video] DeltaV talk - A Rube Goldberg machine and new Web APIs

There are some exciting new developments happening in the web platform right now. New APIs such as CSS Grid, Web Components, Custom CSS Properties and the Web Animation API. Each on their own is a complex topic worth getting to grips with but what this talk aims to show is how they can be used with each other when used together the result is greater than the sum of its parts.

[Video] Ada's Twitch Tech Talks, Episode 1

[Video] Ada's Twitch Tech Talks, Episode 1

Live Coding a Single Page App with Server Side Rendering making use of ES Modules and HyperHTML for importing templates in the browser and in the node server.

“Help! someone has pointed out my conference has diversity issues!