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.

April 11th: Beautiful P5.js, Easy Parallax, and Retro Tailwind

MongoDB World 2022

Learn tangible skills, connect with the MongoDB community, and be the first to hear new announcements at MongoDB World 2022. Register today to join us on June 7-9th. Save an extra 25% with promo code: WORLDNL25.

MongoDB World 2022

Learn tangible skills, connect with the MongoDB community, and be the first to hear new announcements at MongoDB World 2022. Register today to join us on June 7-9th. Save an extra 25% with promo code: WORLDNL25.

Easy Parallax Effect

Dusko Stamenic shares an elegant technique for creating a parallax effect using background-attachment fixed.

Can you make Tailwind look like Geocities?

Alex Riviere shows us that the answer is ✨YES✨ in this gif-tastic Pen. The answer to the question "Should you make Tailwind look like Geocities?" is still a mystery.

Circle Hatching

Click to add hatching focal points, or just sit back and watch the circle lines gradually appear in this interactive work of generative art from Sophia Wood.

Lumon Industries

Chris Malven celebrates the season finale of "Severance" with an animated SVG recreation of the Lumon Industries logo, complete with a deliciously retro glow effect.

#CodePenChallenge: List Styles

We checked off the first week of April's "Little Details" challenge with some stylish lists. Browse through our collection of Pens from week one, including creations from Matthew Juggins, wheatup, Ian Woodward, and Alex Vachon.

Image Mask Hover Effect

Temani Afif demonstrates how to use the CSS properties mask and filter along with CSS variables to create a split, grayscale image that shows its true colors on hover.

AmeriCanadian Temperature Sliders

Josh Collinsworth shares a handy Vue app to help international teams make small talk about the weather: "Just a fun little visual look at converting celsius to fahrenheit (or vice versa) with a map of the US and Canada."

CodePen Radio #362: Chris Nager

It's a two Chris episode of CodePen Radio! CodePen co-founder Chris Coyier chats with CartaX Design Technologist Manager Chris Nager about accessibility, new CSS features, and their shared interest in SVG.

comiCSS cartoon: meeting Tor

Alvaro Montoro introduces a mysterious new character in the ongoing comiCSS series of pure CSS illustrated comics.

Triangle Soda

Koyama Monaka creates an effervescent fractal pattern of fizzing triangles with P5.js.

Isopleths

Louis Hoebregts combines SVG with P5.js and GreenSock to create a beautiful animated neon pattern inspired by topographic maps.

Untitled

JavaScript artist Paul Slaymaker shares a hypnotic day-glo kaleidoscope animation, part of an ongoing series of untitled works of JS psychedelia.

Extra News