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!

Discussion (13)

Collapse
natterstefan profile image
Stefan Natter 🇦🇹👨🏻‍💻 • Edited

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

Collapse
_ajay_gupta profile image
Ajay Gupta

Great!!

Collapse
richytong profile image
Richard Tong

These are delightful. Thank you for your creations!

Collapse
uu profile image
Uchi Uchibeke

Cool stuff! Love it, Jhey!

Collapse
ubaidrussell profile image
Russ Russ Russ

This was a totally dope presentation!

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
K G 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
wrldwzrd89 profile image
Eric Ahnell

Fun. The elevator one is my favorite.

Collapse
magesh236 profile image
Mageshwaran

Cool