Some content I've created over the years.
Modern Animating in React Native
An introduction to React Native Reanimated V2. Presented at React Native EU 20201.
From React Web to React Native
What to expect when moving from React Web to React Native.
Intro to Reanimated 2
An introduction to React Native Reanimated V2, with illustrative example.
Tilt Carousel with React Native
Using React Native's FlatList component to create a "Tilt Carousel".
Webp-ing Your Site for Faster Images
How to create WebP images and load them in a front-end app.
Keyboard Display with CSS Grid
Using CSS grid to create a keyboard display.
"Following Card" with CSS Variables
Using event listeners to track cursor position, and then using CSS variables/calculations to make a UI card follow the cursor.
Loading Speedometer with CSS
Using SVG and CSS to create a speedometer loading indicator.
Clock loading indicator with SVG and CSS animations
Hover Elevate Hook using Web Animations API
Uses Web Animations API to create React hook to elevate element when hovered.