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 16th: Landscapes, Legends, and Life

CodePen Home Pure CSS Landscape - An Evening in Southwold

CSS fine artist Ben Evans brings his astonishing trilogy to a close with this gorgeous CSS sunset. Check out the Pen description for a time-lapse YouTube video that shows how it was done!

Separate Your Releases from Deployments

Progressively release new features with Rollout. It's the safest way to deliver new features faster and smarter to customers. Free Trial.

Gray Spiral Delaunay with Texture

"Each triangle's color is determined by its position and simplex noise" in Johan Karlsson's jewel-like Pen. The pattern is rearranged on every refresh.

Smash to Submit Button

This button from Aaron Iker really makes you work for it. Keep clicking and lifting to submit, you got this!

CodePen Radio #259: Teaching with CodePen

Stephen and Chris talk about the various ways CodePen is used in education - both formal and "for fun". Documentation, streaming, code camps, and more!

Rage Slider

"No, the title doesn’t contain a typo. Because if you dare touch this slider, it’ll unleash its fury!" From Jon Kantner.

CodePen Reel 2020

Tom Miller shares a demo reel of 26 imaginative Pens on Vimeo. Check out the video description for links to all of the featured Pens!

#CodePenChallenge: Conway's Game of Life

For week two of our JavaScript challenge, we played with Conway's Game of Life! Check out the Pens from the challenge collection, including Eric Wilson's "Living Image".

You Should Probably Learn React

It's extremely popular for a reason: React is a good fit for the fast, interactive, state-driven websites we're often asked to build as front-end developers. CodePen recommends this course by Wes Bos to upgrade your JavaScript skills.

Pi to 10,000 Digits

Cassidy Williams bakes up a tasty Pen for Pi Day! Scroll through for a celebration of this legendary number.

Stacked Rainbow Cards

Sarah Fossheim's stacks the cards with a retro rainbow theme. Hover over the cards to animate the colors, and check out the CSS to see how box-shadow came into play.

CodePen Home Elusive Unicorn (Particle Repeller on Move and Hover)

Try to reach out to richard_w_here's unicorn and you'll find it's as hard to catch this mythical creature in a Pen as it is in real life.

Planetary Vignettes

"Generated WebGL "planetoid" style animated patterns. Click anywhere for new planetoid, or engage the Demo Mode for a fresh pattern every few seconds." From Scott Weaver.

CSS Flipping Text

Jh3y demonstrates a "repeat delay in vanilla CSS" with this flippin' great boxes!