October 29th: Squiggles, Sketches, and Stars
The Magic Work Button
"Sometimes it seems friends, family and even clients seem to think I own one of these and that because I use computers I just press a button and stuff gets magically done!" from Chris Gannon.Sponsored:
Blazing fast eSign integration
Enterprise security. Time-saving workflow. Developer-friendly & flexible. See why developers love HelloSign API and how it can automate your document processes.
Agathaco's brews up a charming animated CSS Halloween scene with lots of delightful little details.
#CodePenChallenge: Trick-or-Treat 🍬
We wrapped up the Halloween challenge with a good old fashioned trick-or-treat. Check out the Pens from the challenge, including Maxime Nory's adorable candy-loving ghost!Sponsored:
Level up your JS error monitoring
CodePen Radio #196: Rotating Support
We've been trying a rotating support schedule at CodePen to involve other members of the CodePen team with support. Marie, Cassidy, and Chris are here to talk about why we're doing it, and how it's going so far.
Nick Piesco adapts Nicholas Rougeux's "Literary Constellations" to SVG: "This version works on your literature, taking the value of the input and generating an SVG ‘constellation’. "
Responsive CSS 3D Contact Form
Mahvash Fatima shares a clever contact form with some major Jenga vibes.
Using `async` in Pens
How to enable enabling async/await in your Pens with Babel polyfill.
ZIM Zinkle - Animated Squiggles on Blob Path
Dan Zen demonstrates Zim.js with these animated squiggles "kind of like a digital slinky".
Samarth Gulati on CodePen
Samarth Gulati shares the SVG result of #plottertwitter experiments on CodePen!
Sketchy Border Test
"Using 8 border-radius values can be pretty dope. This example shows how using it on the element and its ::before pseudo element can create a sketchy look and feel" from Andy Bell.
The Pythagoras Tree
"All things are numbers...." from Gerard Ferrandez. Refresh or resize the browser to see the tree transform into a new shape.
SCSS 3D Text Mixin
Liam Egan shares "a simple SCSS mixin that creates 3D blocky looking text with text-shadows".