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

Hifi

An animated Hifi drawn with Figma.

Scrollodex

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)

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

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

Collapse
 
wrldwzrd89 profile image
Eric Ahnell

Fun. The elevator one is my favorite.

Collapse
 
adnanbabakan profile image
Adnan Babakan (he/him)

This is awesome!

Collapse
 
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!

Collapse
 
aneeqakhan profile image
Aneeqa Khan

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

Collapse
 
waylonwalker profile image
Waylon Walker

Love the book of Jay

Collapse
 
kgprajwal profile image
Prajwal

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

Collapse
 
reworkingwork profile image
Reworking

Super cool stuff ๐Ÿ‘

Collapse
 
uu profile image
Uchi Uchibeke

Cool stuff! Love it, Jhey!

Collapse
 
ubaidrussell profile image
Ubaid

This was a totally dope presentation!