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!
CSS Cyberpunk 2077 Buttons - Taking your CSS to Night City
If you're in the slightest interested in video games, you're no doubt aware of Cyberpunk 2077. It's one of the most anticipated games of 2020. The world it paints has a certain style to it. The game's website does a brilliant job of portraying that aesthetic. Its design does a great job of communicating the look and feel. As you can imagine that means for some rather slick looking UI components.
~12min
Featured
Add A Little Whimsy to Your Forms
design, javascript, whimsy, css~4minHow To: Cursor Tracking Parallax
design, javascript, css~5minA 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