The
All the can't-miss links.

Delivered straight to your email each week. Go Sign Up.

Add the feed to your favorite RSS reader and never miss a thing.

Sponsor a week and reach a large audience of designers and developers.

March 30th: Flowers, Flies, and Followers

To-Do Terrarium

Cross out your todos to grow a succulent garden and get little shoutouts of support in this interactive Pen from Olivia Ng.

Hot Ones Animation

Ryan Monteiro pays tribute to First We Feast's legendary YouTube interview show with a bit of SVG and CSS neon.

Testim Coded & Codeless Test Automation

Create, edit, run, and maintain end-to-end tests your way. Testing that first your workflow. Start your free trial today!

#261: Following and Activity

Chris, Stephen, and Marie talk about how CodePen has updated the Following feed and the activity feed to make them more fun and useful

CSS drawing: The King and the Fly

"A CSS animation of a king and an annoying fly. You can turn on/off the animations (off by default). If you turn them on, the sound of the fan will make for the buzzing of the fly." From Alvaro Montoro.

#CodePenChallenge: Hello, World!

We wrapped up the March JavaScript challenge with a classic first step in a developer's journey, "Hello, World!". Check out our Collection of challenge Pens, including Ryan Mulligan's cheerful take on the theme.

CSS Neumorphic Toggle

Adam Kuhn shares a ghostly rocker toggle powered by SCSS and neumorphic aesthetics.

Netlify

Netlify makes web hosting eye-openingly easy. One way to do it is to just literally drag and drop a folder. Even better, connect a Git repo to a Netlify site and tell it what branch you want to watch, then any commits to that branch will automatically go live, even running your sites build as it does it.

Dandelions Dahlias

Ilithya conjures up a bouquet of fluorescent flowers with Three.js. "Hover the flowers to change their material and light effect. On mobile touch the flowers to change them, and touch anywhere else on the screen to go back to default material."

Clipped Overlapping Grid Items

Hristovv demonstrates how `clip-path` can help build magazine-style photo layouts with CSS.

Some Pandemic Huh

"Fun lettering with important messaging in these trying times." Built with "CSS transforms, mix-blend-mode, SVG patterns, Vue iteration and methods" by vlemoine.

Lissajous Grid

Play with the colors and curve types in Tadas Karpavičius' grid of Lissajous curves until you find your perfect wave.

Letter X

ruidovisual continues a series of animated letters with an elegant X. Check out their profile for more from the alphabet series!

Playlist Artwork for "Cover Lover"

Daniel Givens builds a holographic heart with 3D modeling and WebGL shaders. Check out the Pen description for a link to the Spotify playlist that inspired it all.