123
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.

December 3rd: Snow, Stars, and Shapes

Quarto

"A completely CSS/HTML playable version of the game Quarto" from Mike Golus.

The Simplest Cloud Hosting Platform

Deploy your next app in minutes on DigitalOcean, the cloud hosting developers love. Try it out hassle-free and receive a $100 credit on us

Time as Color

See what color o'clock it is with this Pen from Antoinette Janus. "This Pen takes three time components (hour, minute, and second) and converts time to an rgb color. Hour maps to Red, minute to Blue, and second to Green."

Glass Block Effect

Thibaud Goiffon splits, shifts, and blurs an image from Sebastian Bieniek's "Doublefaced" series in this psychedelic Pen.

Be: The WordPress Theme that follows the latest design trends

Be Theme is a ThemeForest top-three bestseller, with over 132,000 downloads to date. With a 4.81/5 rating based on 5,210 reviews, this WordPress theme looks to be an ideal solution to satisfy your clients' needs.

#CodePenChallenge: Dinosaurs

We wrapped up the Animals challenge with a trip to the past! Check out the Pens from the Dinosaurs challenge, including Adam Kuhn's "Strumasaurus".

Snowworker Example

Chris Neale's "Snowworker" effect "uses a worker and a sharedArrayBuffer to keep things moving quickly, so it shouldn't block your UI thread". And it has an option to let the snow settle at the top of elements, too!

Book cover - SVG text + Writing Mode

Cameron Fitzwilliam recreates the striking cover of Mark Goldman's "City on the Edge" with SVG and CSS. Check out the clever use of `writing-mode` on the spine.

Torch

Luciano Felix lights up the page with a torch built with isomer.js.

Only CSS: Shooting Star

Yusuke Nakaya shares a cascade of shooting stars in this gorgeous demonstration of SCSS.

Each New Flame

A beautiful pixelated blaze from Gerard Ferrandez. Check out the comment thread for details on how it was done and interesting forks!

Olly Moss Star Wars Diorama - v2

Mike Quinn slices up a poster by Olly Moss and reassembles it for the front-end with intriguing parallax motion.

shape-outside: polygon + SVG

Gabi's interactive demo helps visualize how `shape-outside` works. Click and drag the circles to reshape the polygon, and watch the text flow along with it.

Doggo Photo Printer

"Press the power button to switch on the printer and automatically print a photo of a random doggo. Click on the print-out to open the image in a lightbox" from George W. Park.