Open in app

Sign In

Write

Sign In

Jhey Tompkins
Jhey Tompkins

1.5K Followers

Home

About

Published in Prototypr

·Feb 17, 2022

How to Make a Pure CSS 3D Package Toggle

You know how you can get cardboard boxes that come totally flat? You fold ’em up and tape ’em to make them into a useful box. Then when it’s time to recycle them, you cut them back apart to flatten them. …

Web Development

12 min read

How to Make a Pure CSS 3D Package Toggle
How to Make a Pure CSS 3D Package Toggle
Web Development

12 min read


Published in Prototypr

·Jan 4, 2022

Parallax Powered by CSS Custom Properties

Good friend Kent C. Dodds has recently dropped his new website which had a lot of work go into it. I was fortunate enough that Kent reached out a while back and asked if I could come up with some “whimsy” for the site. ✨ One of the first…

Java Script

12 min read

Parallax Powered by CSS Custom Properties
Parallax Powered by CSS Custom Properties
Java Script

12 min read


Published in Prototypr

·Jan 3, 2022

3D CSS Flippy Snaps with React && GreenSock

One of Jhey’s main mantras is to make learning fun. In this article, he shows you ways to level up your skills by bringing your ideas to life, and not forgetting that you can be playful with code. …

Web Development

11 min read

3D CSS Flippy Snaps with React && GreenSock
3D CSS Flippy Snaps with React && GreenSock
Web Development

11 min read


Published in Prototypr

·Nov 8, 2021

Print.css but not how you know it — Creating a 3D CSS Printer

For a while now I’ve been creating these 3D scenes with CSS for fun. Usually on my live stream. Each demo is an opportunity to try something different or work out ways to do things with CSS. One thing I often do is take suggestions for what we should…

Java Script

12 min read

Print.css but not how you know it — Creating a 3D CSS Printer
Print.css but not how you know it — Creating a 3D CSS Printer
Java Script

12 min read


Published in Prototypr

·Nov 1, 2021

Can We Create a “Resize Hack” With CSS Container Queries?

If you follow new developments in CSS, you’ve likely heard of the impending arrival of container queries. We’re going to look at the basics here, but if you’d like another look, check out Una’s “Next Gen CSS: @container” article. After we have a poke at the basics ourselves, we’re going…

CSS

5 min read

Can We Create a “Resize Hack” With CSS Container Queries?
Can We Create a “Resize Hack” With CSS Container Queries?
CSS

5 min read


Published in Prototypr

·Oct 22, 2021

Get Started with React by Building a Whac-A-Mole Game

Want to get started with React but struggling to find a good place to start? This article should have you covered. We’ll focus on some of the main concepts of React and then we’ll be building a game from scratch! …

Java Script

24 min read

Get Started with React by Building a Whac-A-Mole Game
Get Started with React by Building a Whac-A-Mole Game
Java Script

24 min read


Published in Prototypr

·Oct 11, 2021

Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling

I’m not sure how this one came about. But, it’s a story. This article is more about grokking a concept, one that’s going to help you think about your animations in a different way. …

Java Script

15 min read

Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling
Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling
Java Script

15 min read


Published in codeburst

·Apr 29, 2021

Squeaky Portraits: Having Fun with the CSS path() Function

With the Chrome 88 release, we got support for clip-path: path(). That means it now has support in "most" major browsers! With path(), we're able to use path definitions for a clip-path (Catch up on what clip-path is here). These path definition strings are the same as those we can…

Web Development

9 min read

Squeaky Portraits: Having Fun with the CSS path() Function
Squeaky Portraits: Having Fun with the CSS path() Function
Web Development

9 min read


Published in Prototypr

·Apr 21, 2021

Make a Functional Stopwatch with CSS — 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. Want to make a stopwatch with nothing but HTML and CSS? Read on! While everything about @property…

CSS

11 min read

Exploring @property and its Animating Powers
Exploring @property and its Animating Powers
CSS

11 min read


Published in codeburst

·Mar 31, 2021

Go Headless with Netlify CMS

Got a site? How easy is it to make content changes? Are you using a CMS? What’s a CMS? How do I set up a CMS? After this article, you’ll know how to get up and running with Netlify CMS. And you’ll know some tricks to make your life easier. …

Web Development

11 min read

Go Headless with Netlify CMS
Go Headless with Netlify CMS
Web Development

11 min read

Jhey Tompkins

Jhey Tompkins

1.5K Followers

I make awesome things for awesome people!

Following
  • First Round

    First Round

  • Meteor Software

    Meteor Software

  • Wikimedia

    Wikimedia

  • Addy Osmani

    Addy Osmani

  • OnePlus

    OnePlus

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech