WritingRSS Feed
I love to write. And I'm happy to write about various topics whether it's a technical deep dive or a soft skills piece. I've written for publications such as CSS Tricks, Smashing Magazine, and SitePoint.
Don't want to miss a thing? Follow me on Twitter or check out the RSS feed!
Exploring @property and its Animating Powers
Uh, what’s @property
? It’s a new CSS feature! It gives you superpowers. No joke, there is stuff that @property
can do that unlocks things in CSS we’ve never been able to do before.
While everything about @property
is exciting, perhaps the most interesting thing is that it provides a way to specify a type for custom CSS properties. A type provides more contextual information to the browser, and that results in something cool: We can give the browser the information is needs to transition and animate those properties!

Go Headless with Netlify CMS
design, javascript, whimsy, css~8minPaint Your Github Profile with Serverless
design, javascript, whimsy, css~9minExploring @property and its Animating Powers
css, whimsy, design~11minCSS TricksAdd A Little Whimsy to Your Forms
design, javascript, whimsy, css~4minHow To: Cursor Tracking Parallax
design, javascript, css~5minCreating Directionally Lit 3D Buttons with CSS
design, javascript, whimsy, css~10minSitePointA Guide to Clipping Paths
design, css~10minMake Your Elements Full With requestFullscreen
design, javascript, css~2minCSS Animation Superpowers with @property
design, animation, css~6minCSS Aspect Ratio
design, html, css~2minGet the Picture - Responsive Image Sizing && Formatting
design, html, css~5minCSS Cyberpunk 2077 Buttons - Taking your CSS to Night City
css, design, animation~12minSitePointPlayfulness In Code: Supercharge Your Learning by Having Fun
thoughts, design, whimsy~10minSmashing MagazineCSS in 3D: Learning to think in Cubes Instead of Boxes
css, javascript, design~10minCSS TricksIt's Good To Talk: Thoughts And Feelings On Creative Wellness
coding, health~6minSmashing MagazineCSS Animated Google Fonts
css, animation, design~3minWrite For Yourself so That One Day You Might Write For Those You Look Up To
thoughts, health~5minStarting a Streaming Journey
streaming, thoughts, health~6minDEVAdvice For Complex CSS Illustrations
css, design, whimsy~9minCSS TricksReact Hooks in 5 Minutes
react, javascript~5minReact's Render Props in 3 Minutes
react, javascript~3minPug in 5 Minutes
javascript, node~5minCreate a Responsive CSS Motion Path? Sure We Can!
css, javascript, animation~7minCSS TricksAnimated Matryoshka Dolls in CSS
design, whimsy, animation~8minCSS TricksReact's Portals in 3 Minutes
react, javascript~3minJavaScript's Async + Await in 5 Minutes
javascript~5minGlitchy Text Reveal in 3 Minutes
animation, design, css~3minThe Power (and Fun) of Scope with CSS Custom Properties
css, animation, design~7minCSS TricksEnumeration Objects in JavaScript
javascript, node~5minGhost Buttons with Directional Awareness in CSS
css, design~5minCSS TricksHow To: Looping Block Reveal Effect
css, javascript, animation~10minGetting Started With Styletron
react, css, javascript~5minBase WebCreate a Password Generator with Uber's Base Web
react, javascript, css~3minBase WebReact Higher Order Components in 3 Minutes
react, javascript~3minStyling in React
react, css, javascript~8minJavaScript's Page Visibility API
javascript, design~2minReact's Safe Context API
react, javascript, animation~6minThe "Off" Click
javascript~3minHow To: True Masonry Layout
css, javascript, design~12minAnother Webpack Intro
javascript, node~15minHow To: Pure CSS Carousel
css, design~6minA Quick Guide for Switching to Gulp 4
gulp, javascript, node~3minHow To: Update All NPM Packages in Your Project at Once
node, javascript~3minGuide to BEM
css, design~4minHow To: Pure CSS Masonry Layouts
css, design~8minHow To: Find Input Cursor Position with JavaScript
javascript, css, react~5minImplementing Touch Gestures with JavaScript
javascript, design~4minUsing Transition Events in JavaScript
javascript, css, animation~3minAdvanced Gulp
gulp, javascript, node~7minPixels vs Rems
css, design~3minThrottling and Debouncing in JavaScript
javascript~4minDealing with Mega Data in AngularJS
angular, javascript~3min