Writing from Jhey Writing from Jhey

I love to write and I've been fortunate to write for some of my favorite publications. Here you'll find a bunch of my writing on all sorts of topics. If I had to choose a post that gives a bit of insight into the way I approach things, it's this one.

Don't want to miss a post? Check out the RSS feed!

• Rotating gallery with CSS scroll-driven animations

  JHEY.DEV – Feb 2023

• What the Git? My Git workflow

  JHEY.DEV – Feb 2023

• Circular text with CSS?

  JHEY.DEV – Jan 2023

• Control your drop caps with CSS initial-letter

  DEVELOPER.CHROME.COM – Jan 2023

• Speedy CSS Tip! Animated Gradient Text

  WEB.DEV – Nov 2022

• Building Chrometober

  WEB.DEV – Oct 2022

• Speedy CSS Tip! Animated Loader

  WEB.DEV – Sept 2022

• Pop-ups: They're making a resurgence!

  DEVELOPER.CHROME.COM – Sept 2022

• Is it :modal?

  WEB.DEV – Sept 2022

• Meet the top layer: A solution to z-index: 10000

  DEVELOPER.CHROME.COM – Aug 2022

• :has(): the family selector

  DEVELOPER.CHROME.COM – Aug 2022

• An Interactive Starry Backdrop for Content

  CSS TRICKS – May 2022

• A CSS slinky in 3D? Challenge accepted

  CSS TRICKS – May 2022

• Creating the DigitalOcean logo in 3D with CSS

  CSS TRICKS – Apr 2022

• What if our sliders actually slid?

  SMASHING MAGAZINE – Apr 2022

• A guide to audio visualization with JavaScript and GSAP (pt.2)

  SMASHING MAGAZINE – Mar 2022

• A guide to audio visualization with JavaScript and GSAP (pt.1)

  SMASHING MAGAZINE – Mar 2022

• How to Make a Pure CSS 3D Package Toggle

  CSS TRICKS – Jan 2022

• 3D CSS flippy snaps with React and GSAP

  SMASHING MAGAZINE – Nov 2021

• Parallax powered by CSS custom properties

  CSS TRICKS – Nov 2021

• print.css but not how you know it – Creating a 3D CSS printer

  SITEPOINT – Jun 2021

• Can we create a resize hack with container queries?

  CSS TRICKS – May 2021

• Get started with React by building a Whac-A-Mole game

  SMASHING MAGAZINE – May 2021

• Going "Meta GSAP": The quest for perfect infinite scrolling

  CSS TRICKS – Apr 2021

• Go Headless with Netlify CMS

  DEV – Mar 2021

• Squeaky portraits: Having fun with the CSS path() function

  SITEPOINT – Mar 2021

• Paint your Github profile with serverless

  DEV – Mar 2021

• Exploring @property and it's animating powers

  CSS TRICKS – Mar 2021

• Add a little whimsy to your forms

  DEV – Feb 2021

• How to: Cursor tracking parallax

  DEV – Feb 2021

• Creating directionally lit 3D buttons with CSS

  SITEPOINT – Feb 2021

• Recreate the Cyberpunk 2077 button glitch effect in CSS

  SITEPOINT – Dec 2020

• Playfulness in code: Supercharge your learning by having fun

  SMASHING MAGAZINE – Nov 2020

• CSS in 3D: Learning to think in cubes instead of boxes

  CSS TRICKS – Oct 2020

• It's good to talk: Thoughts and feelings on creative wellness

  SMASHING MAGAZINE – Jul 2020

• Write for yourself so that one day you might write for those you look up to

  DEV – Jun 2020

• Starting a streaming journey

  DEV – Jun 2020

• Advice for complex CSS illustrations

  CSS TRICKS – Jun 2020

• Create a responsive CSS motion path? Sure we can!

  CSS TRICKS – Apr 2020

• Animated Matryoshka dolls in CSS

  CSS TRICKS – Feb 2020

• The power (and fun) of scope with CSS custom properties

  CSS TRICKS – Nov 2019

• Ghost buttons with directional awareness in CSS

  CSS TRICKS – Sept 2019

• React hooks in 5 minutes

  MEDIUM – Jan 2019

• React Portals in 3 minutes

  MEDIUM – Dec 2018

• JavaScript async and await in 5 minutes

  MEDIUM – Jan 2018

• Pure CSS masonry layouts

  MEDIUM – Jan 2016

• Throttling and Debouncing in JavaScript

  MEDIUM – Feb 2015