May 7th: Gum, Gauntlets, and Ghibli
The Bubblegum Atom
Liam Egan's experiment with "different shape generation, shadowing, reflection and shading models (fresnel)" yields this delightfully chewy Pen.Sponsored:
Join the free beta
The new Tower Git client is packed with awesome new features. Get early access today!
fruit party popper
Who doesn't need a little more fruit in their life? Click the "Pop" button in Anya Melnyk's Pen to throw a little party in your browser.
Retro Games Challenge
Joe Gaffey looks back at his work during the April #CodePenChallenge. He did at least one Pen for every week of the Retro Games theme, and shares what he learned along the way!
#172: Andy Hullinger - CodePen Blog
Marie is joined by Andy Hullinger to talk about the front end development course he teaches, and how he uses CodePen to help his students make their first steps into programming.
Infinity Gauntlet (Single Element)
Jon Kantner translates Matt Shearsmith's Dribbble shot into CSS (with a little extra twinkle on the gems) in this single-div Pen.
Interactive SVG mask w/full screen image
Hover the mouse around to reveal the color in the image, or hold and release the mouse button to expand the mask. A bit of fun with SVG masking from Craig Roblewsky.
May the Fourth is always strong on CodePen, and this year was no exception! Check out Adam Kuhn's charming animation of a Ewok Dribbble shot by Richard Perez.
Aggretsuko Animated MorphSVG
Don't let the business attire fool you! Laura Culham animates everybody's favorite death metal red panda with Greensock's MorphSVG plugin.
The Solar System (To Scale)
Travel the solar system in scaled-down realtime in Darryl Huffman's Pen. Things start to get weird around Jupiter but... that probably happens in real life too.
Soot ball [Ghibli CSS Series]
Chilli con Code is making a series of CSS characters from Studio Ghibli films, including this adorable soot ball from Spirited Away.
It’s a Feature, not a Bug - CSS Grid Demo
Bug out on this media query-free demo of CSS grid from Stacy!Sponsored:
You should probably learn React.
The Vera Molnar tributes continue! Tim Severien takes on her "Interruptions" in this interactive Pen. For more Molnar, check out last week's Spark for Scorch's interpretation of (Dés)Ordres.