January 14th: Running, Loading, and Fusing
Head for the Hills
Watch your email address make a run for it in this imaginative Pen from Adam Kuhn, built with Splitting.js.Sponsored:
Unlock the full power of CodePen with features like private content, asset uploading, live view, and embed themes.
#CodePenChallenge: Peach Beach 🍑
The CodePen community took a bite out of the first week of the Color Palettes #CodePenChallenge! Check out our collection of Pens from week one, including Cassidy Williams' "Marching Macarons".
Creating Vector-Like CSS Illustrations
Ilithya shares a technique for "Creating vector-like CSS illustrations, an approach I use often to create most of my illustrations, making them resizable in a matter of seconds."Sponsored:
React for Beginners
It's time to learn React.js. With a focus on simplicity and readability, this course will have you building real time applications and dynamic website components in no time!
Some Incredibly Clever Layout Pens from CodePen (with bonus twists)
Our very own Chris Coyier shares great examples of grid and flexbox layout in this roundup post on Dev.to.
Louis Hoebregts creates pleasing pastel curves in this subtly interactive Pen.
CodePen Radio #205: The Most Hearted of 2018
Marie, Chris, and Cassidy look back on the most hearted content on CodePen in 2018.
"Using SVG line animation and a stroke transition to make a dropdown menu emerge from a button. The menu animates out from the button that opens it." from Mikael Ainalem, inspired by a Dribbble shot from Konstantin Sokhan.
A breathtaking collection of "coalescing GPU particle simulations" from Liam Egan.
A little bit of fresh loading delight from Chris Gannon.
An ominous canyon from CJ Gammon, inspired by Death Cab for Cutie's Black Sun lyric video.
Infinite SVG Triangle Fusion
"Triangles are created. Triangles are destroyed. And so on and so forth" from Rob DiMarzo. Check out the Pen's description for details on how the triangles combine and the hexagons connect.
CSS Grid: Recipe Layout
"My annual pen inspired from the Waitress musical has arrived!" a scrumptious slice of CSS Grid from Olivia Ng.