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.

August 26th: Boxes, Birds, and Byrne's Euclid

Color Collision

Color matching is the object in this JavaScript game from Dev Loop that's almost as fun to lose as it is to win!

Call to Action Hype Man

Hype gets results! Mariusz Dabrowski's hyped-up stick figure is ready to draw attention to your CTA.

Save 25% on Tickets to Web Unleashed 2019 - The Front-End Developer Event

Brought to you by the team at FITC, join hundreds of your peers at Web Unleashed for 2 days and nights of unparalleled talks, tech and networking opportunities. Get up-to-date on the skills needed to excel in your career, and elevate your personal and professional development. Save 25% on your pass with code CODEPEN. September, 13-14, 2019 in Toronto, Canada.

Making of Byrne’s Euclid

Nicholas Rougeux writes about the process of translating the classic mathmatics tome Byrne’s Euclid from print to an online book in this fascinating article, complete with embedded Pens demonstrating some of the steps.

Sketchpad

Doodle away on Brad Arnett's sketchpad, complete with a "3D pencil made with Three.js w/ OBJ and MTL loaders".

#CodePenChallenge: 100 Dots

For the third week of the August #CodePenChallenge, the community got dotty the "100 Dots" prompt. Check out the Pens from week three, including PerpetualJ's "100 Mathematical Points". Thanks to WooCommerce.com for sponsoring!

Variable Font Animation with CSS and Splitting JS

Michelle Barker shares an informative tutorial on "what variable fonts are, how they can be animated with CSS, and how I created a breathing effect with CSS and a little bit of Javascript."

Multiple

Thibaud Goiffon shares a fascinating Collection of generative art. Try this one in CodePen TV!

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.

#234: React Grids

Cassidy is on to talk about powering the grids on CodePen with React to make them faster and future feature friendly!

Good Fast Cheap

You know what they say: you can only pick two! Kunuk Nykjær brings the design from Fraser Davidson's viral animated tweet to the browser in this interactive Pen.

Loading

A playfully ping-ponging loading animation! Design by Oleksandr Pronskyi on Dribbble, animated on CodePen by Katherine Kato.

Hummingbird

Andrés Nicolás Tonello crafts a delicate hummingbird with polygons in this pretty Pen.

Sphere of Boxes

Look closely at this glimmering sphere and you'll see how it grew from humble boxes. A bit of Three.js magic from Johan Karlsson!