Articles by Dan Brown
-
Sharpen your WebVR skills with experiments from Glitch and Mozilla
Earlier this year, we partnered with Glitch.com on a starter kit that teaches the fundamentals of WebVR using A-Frame. Today, we introduce a week of WebVR experiments that build on the basics. Designed by Glitch creator Andrés Cuervo, each experiment is unique and is meant to teach and inspire as you craft your own WebVR experiences.
-
Anyone can create a virtual reality experience with this new WebVR starter kit from Mozilla and Glitch
Building a virtual reality experience may seem daunting, but it really isn’t. WebVR and frameworks like A-Frame make it easy to get started right. This is why we worked with Glitch to create a WebVR starter kit. Today we introduce a free, 5-part video course with interactive code examples that will teach you the fundamentals of WebVR using A-Frame.
-
The Arch: Using Rust & WebAssembly to animate 30k colored LED lights
In June, Mozilla collaborated with artist Ian Brill to create an installation called the “Arch” at JSConf EU in Berlin. This interactive environment allowed people to experience the intersection of art and technology in a physical, pulsating, immersive way. The environment also created an opportunity for JavaScripters and friends to create animations and experience the underlying capabilities of WebAssembly and Rust.
-
An Introduction to CSS Grid Layout: Part 1
CSS Grid Layout is completely changing the game for web design. It allows us to create complex layouts on the web using simple CSS. Part 1 of this 2-part primer introduces the vocabulary of CSS Grid and the new Firefox DevTools playground, and shows you how to start coding.
-
An Introduction to CSS Grid Layout: Part 2
In Part 2 of this 2-part introduction Dan Brown walks you through three different methods for creating the same layout and points you to the Firefox DevTools Playground to continue learning and exploring.
-
I built something with A-Frame in 2 days (and you can too)
A few months ago, I had the opportunity to try out several WebVR experiences for the first time, and I was blown away by the possibilities. Using just a headset and my Firefox browser, I was able to play games, explore worlds, paint, create music and so much more. All through the open web. I […]
-
Replace Bootstrap Layouts with CSS Grid
In March, Mozilla released Firefox 52, which added support for CSS Grid Layout. If you aren’t familiar with CSS Grid, it is a two-dimensional layout system for the web that allows us to create layout patterns natively in the browser. This means we can easily recreate familiar grids using just a few lines of CSS. […]