The Studio The Studio
We've been developing Interactive Experiences for the Web for over 15 years. We ❤ what we do and it shows.
Interactive Design Interactive Design
We create unique Interactive Experiences for the Web
Immersive Experiences Immersive Experiences
Publishing content in Virtual Reality creates a whole new world of User Experiences.
Game Development Game Development
We ❤ creating 3D Video Game content. It allows our imaginations to run wild.
Blog Sleek Interactive Blog
The Studio Blog is a “Behind The Scenes” look at what we do.
Studio Blog
Every so often we work on things that need to be documented. Sometimes it's a workaround to a reoccuring problem. Sometimes it is cool idea coming to life in the form of a Web Experiment. The Studio Blog is a “Behind The Scenes” look at what we do.
POST: Simulating Lighting with CSS Perspective Origin and Shadows
Simulating Lighting with CSS Perspective Origin and Shadows
FOUND IN: CSS Tips and Tricks | POSTED ON: December 21, 2020
CSS Lighting tutorial using pseudo element as shadows
View Demo and Code
POST: PageSpeed Insights
PageSpeed Insights
It is worth the time spent optimizing your pages for speed.
Read Full Article
POST: Solar System Diorama in CSS
Solar System Diorama in CSS
FOUND IN: CSS Ninja Skills | POSTED ON: December 12, 2020
Using CSS we created an animated scale model of the Solar System. Select a planet to change camera angles.
View Diorama
POST: REALLY F🔥CKING MAD BIRDS
REALLY F🔥CKING MAD BIRDS
FOUND IN: Coding HTML5 Games | POSTED ON: December 12, 2020
A different approach to First Person Shooter. Creating a High Performance Intense VR Experience using Javascript.
Read Full Article
POST: Astro Turret CSS Game
Astro Turret CSS Game
FOUND IN: CSS Ninja Skills | POSTED ON: December 12, 2020
We utilized the text-to-speech API in Javascript on this game to add a Virtual Interaction with guide.
Play The Game
POST: Inactive Window States
Inactive Window States
FOUND IN: CSS Tips and Tricks | POSTED ON: December 12, 2020
By adding a simple Javascript snippet and some basic CSS 3D to a page you can force new interaction with this cool effect.
View Full Tutorial
POST: Constructing a 3D Hand using CSS
Constructing a 3D Hand using CSS
FOUND IN: CSS Tips and Tricks | POSTED ON: December 12, 2020
Learn how to create a 3D hand using CSS and have it track your point position in 3D.
View Demo/Code
⇪