Create a scrolling gallery effect with only CSS? Couldn't resist 😅
Get an intro to CSS scroll-driven animation in this article!
Circular text rings on the web. SVG? CSS? Without prodding in the dark for magic numbers?
Let's take a look in this article!
GDE Summit Berlin – 2023
I'm Jhey (pronounced "J"). I'm a web developer that thrives on bringing ideas to life with code!
I advocate for creative coding giving you the confidence to build anything imaginable. I enjoy speaking about this and showing people how to level up their skills.
I'm known for my whimsical creations and ability to solve complex problems. This led to me getting branded as somewhat of a polyglot coder. It's incredible to me that you can open a computer and learn about anything at your fingertips!
I've been fortunate to work with and for names such as Google, Uber, Nike, and Monzo. I'm currently a Developer Relations Engineer at Google where I work on the web platform.
Besides demos, I love to create videos, stream, write articles, and speak at conferences. Check out the "Content" tab for more on that.
Reach out and say "Hey!". I look forward to hearing from you!
When you make a lot of content, it's hard to keep tabs on all of it. Here are some links to various things I create or have been involved with.
I write a bunch, here are some of my latest posts.
- 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
I'm fortunate to have written for some of my favorite publications. You can check out more of my writing at /writing. If I was to recommend one post that gives some insight into what I'm about, it's this one.
- Playfulness in code: Supercharge your learning by having fun
SMASHING MAGAZINE - Nov 2020
SMASHING MAGAZINE - Mar 2022
- Pop-ups: They're making a resurgence!
DEVELOPER.CHROME.COM - Sept 2022
- Get started with React by building a Whac-A-Mole game
SMASHING MAGAZINE - May 2021
- Building Chrometober
WEB.DEV - Oct 2022
- Exploring @property and it's animating powers
CSS TRICKS - Mar 2021
- :has(): the family selector
DEVELOPER.CHROME.COM - Aug 2022
- It's good to talk: Thoughts and feelings on creative wellness
SMASHING MAGAZINE - Jul 2020
- Going "Meta GSAP": The quest for perfect infinite scrolling
CSS TRICKS - Apr 2021
- CSS in 3D: Learning to think in cubes instead of boxes
CSS TRICKS - Oct 2020
I've traveled all over the world showing people how to do awesome things with code. I'd love to speak at your event. Shall we speak about a topic? Hit me up!.
- Supercharge your skills with creative coding vol. IV
WDC 2022 - Oct 2022
- Supercharge your skills with creative coding vol. I
ALL DAY HEY! 2022 - May 2022
- Supercharge your skills with creative coding vol. VI – The quest for a styleable <select>
TOKYO DEVFEST 2022 - Dec 2022
- Supercharge your skills with creative coding vol. V
MODERN FRONTENDS LIVE! - Nov 2022
- Speedy Dev Insights
STATE OF THE BROWSER 2022 - Oct 2022
- Supercharge your skills with creative coding vol. III – Create your own web platform showcase
SMASHING CONF SF 2022 - Jun 2022
- Supercharge your skills with creative coding vol. II.a – Getting creative with :has()
GDG DEVFEST UKRAINE - Jun 2022
- Supercharge your skills with creative coding vol. II
PIXEL PIONEERS! 2022 - Jun 2022
- What's new in Web? 2023
GDG BERLIN - Jan 2023
I sometimes pop up in other places on and off the internet. Podcasts, live streams, meetups, etc.
- #348: With Jhey
CODEPEN RADIO - Dec 2021
- Parallax powered by Tailwind CSS
CODÚ - Jan 2022
- Jhey Tompkins Chats About Building Awesome Demos – Chats with Kent
KENT C. DODDS - Oct 2021
- Whimsical SVG Animations Using GSAP (with Jhey Tompkins)
LEARN WITH JASON - Dec 2020
- Creative coding with Jhey – GSAP, CSS, animations, games!
SCRIMBA - Mar 2022
- Speaker Spotlight: Jhey Tompkins
PIXEL PIONEERS - May 2022
- On making learning development fun
LANDING IN TECH - Nov 2020
- 2.10 – Creative coding to boost your skills
PURRFECT DEV - Mar 2022
- State of CSS 2022: Survey Results Party
KENDO UI - Dec 2022
- How to inspect animations – DevTools Tips
GOOGLE CHROME DEVELOPERS - Aug 2022
I'm a big believer in learning by doing and having fun. I shift the focus from "How?" and "Why?" to "What?" to produce fun demos to learn from and teach others. I've created over 1500 CodePens. Here are some of my favorite demos and projects.
- The impossible checkbox [Most hearted 2020]
- 3D CSS Plane [Most Hearted 2021]
- Infinite Cover Flow [Most hearted 2021]
- Vincent van Git – Paint your Github!
- Newton's Light Bulbs [Most hearted 2020]
- The Little Book of Jhey
- Superstar DJ
- Turbo Kitty
- React Whac-a-Mole
- Interactive Lightsaber
- Pure CSS Working 3D Stopwatch
- Neon Text Intro
I find it pretty fun making video content. But, I've yet to work out which style of video I prefer to create. Perhaps you can help. Let me know what you prefer!
- Tic Tac Toe with SVG && CSS
- Speedy CSS Tip – Boujee Text
- CSS Tips && Tricks
- Making a Pure CSS Stopwatch with @property
- Animate Bendy Strings with GreenSock
- Use CSS to create art and illustrations
What I’m hearing is “it’s okay if we’re awful because Jhey’s talks are always amazing and will make up” 😊
You are one of the unique ppl on Twitter.
Your approach to creating solutions is mind-blowing and incredibly inspiring.
Seriously, Jhey, I wanna CSS like you when I grow up.
Jhey is definitely someone to keep your eye on too: the guy’s an imaginative phenomenon
You're amazing. That is all!
How do you have so many incredible ideas? It's astonishing