DEV Community

Cover image for Awesome things for awesome people - June 2020
Jhey Tompkins
Jhey Tompkins

Posted on


Awesome things for awesome people - June 2020

Because not everyone signs up to my newsletter.

Here's a roundup of some of the CodePens I made in June ๐Ÿ‘

Scroll that trigger

Scroll to fire a gun!

Once upon a time

Scroll to tell a story.

Border radius playground

Become a wizard with border-radius.

Superstar DJ

Scratch music with your mousewheel ๐Ÿ˜Ž

The little book of Jhey

Scroll for a showcase of things I've made.

Turbo Kitty

A kitty powered by rainbow jets.

Pure CSS resizable Hot dog

Use CSS resize to solve hunger.

Animated Party Corgi

Because you want to be the coolest corgi at the party.

Eat more apples!

Scroll through this Apple-esque promotional page.

Downtown traffic

An isometric downtown animation.

Air horn

Fire air horns on tap with Pixi.js


An animated Hifi drawn with Figma.


Scroll through a list of contacts with GreenSock's ScrollTrigger.

Cursor takes the elevator

Tired of scrolling legalese. Click to open the elevator and let your cursor take the elevator.

One hour Kool Aid man

Drawn in one hour with CSS.

Process is messy

Process is messy. Tap to restart the animation.

Header bears

Tap to drop more and more bears. Mayhem.

Let your code flow

Like it tells a story!

Wanna see more? Reach out and say "Hi!" on Twitter!

Top comments (13)

natterstefan profile image
Stefan Natter ๐Ÿ‡ฆ๐Ÿ‡น๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป • Edited

Cool - interesting list of impressive CSS magic. Thanks, Jhey!

wrldwzrd89 profile image
Eric Ahnell

Fun. The elevator one is my favorite.

adnanbabakan profile image
Adnan Babakan (he/him)

This is awesome!

muhimen123 profile image
Muhimen • Edited

That air horn one scared me off. I was wearing a headphone with full volume. MAN! That gave a mini heart attack!

aneeqakhan profile image
Aneeqa Khan

This is so cool! Elevator and Header Bears are my favorites ๐Ÿ˜

waylonwalker profile image
Waylon Walker

Love the book of Jay

kgprajwal profile image

Man, this is so cool! Wonderful stuff! Thanks a lot for such an amazing content!

reworkingwork profile image

Super cool stuff ๐Ÿ‘

uu profile image
Uchi Uchibeke

Cool stuff! Love it, Jhey!

ubaidrussell profile image

This was a totally dope presentation!

richytong profile image
Richard Tong

These are delightful. Thank you for your creations!

_ajay_gupta profile image
Ajay Gupta


magesh236 profile image


Need a better mental model for async/await?

Check out this classic DEV post on the subject.

โญ๏ธ๐ŸŽ€ JavaScript Visualized: Promises & Async/Await

async await