Open in app

Sign In

Write

Sign In

Jhey Tompkins
Jhey Tompkins

1.6K Followers

Home

About

Feb 18

Circular Text with CSS

Have you ever wanted to lay out some text in a circle but it felt like a lot of prodding in the dark? How might you do it today? Could you do it with CSS alone in an accurate way? Let’s take a look at a new way 👀 How you might solve this today You’ve…

CSS

7 min read

Circular Text with CSS
Circular Text with CSS
CSS

7 min read


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 things…

JavaScript

12 min read

Parallax Powered by CSS Custom Properties
Parallax Powered by CSS Custom Properties
JavaScript

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…

JavaScript

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
JavaScript

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! We assume that you have a working knowledge of JavaScript…

JavaScript

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
JavaScript

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. …

JavaScript

15 min read

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

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

Jhey Tompkins

Jhey Tompkins

1.6K Followers

I make awesome things for awesome people!

Following
  • Addy Osmani

    Addy Osmani

  • Matt Whetton

    Matt Whetton

  • Wikimedia

    Wikimedia

  • Google Developers

    Google Developers

  • OnePlus

    OnePlus

See all (41)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams