Voice Activated Dragon Fire With Variable Fonts
A dragon who breathes fire lights up a campfire when you say the command "Incendio". You can either do this using the less fun way of "clicking the button" or you can click "Use a spell" and say the words "Incendio" to trigger the "spell".
Made with: HTML,CSS (SCSS),JS
Variable Font Light Sensor
A variable font example using the ambient light sense to adjust the variation based on the brightness or darkness of the light detected by your device.
Made with: HTML,CSS (SCSS),JS
Ff Meta Variable Font
An explanation of Variable Fonts, what they do, why they matter, and in general an attempt to show off a beautiful, classic typeface design by Erik Spiekermann now in variable form from Monotype.
Made with: HTML,CSS (SCSS),JS
"Draw In" Text Effect With Decovar
Creating a "draw in" text effect with Decovar variable fonts. This uses a special version of Decovar that has a couple of letters set up to "draw in". No JS, Canvas or SVG required, this demo uses HTML, CSS and variable fonts.
Made with: HTML,CSS (SCSS)
Variable Fonts Simple
A simple variable font example using Gingham font.
Made with: HTML,CSS (SCSS),JS