March 30th: Flowers, Flies, and Followers
Cross out your todos to grow a succulent garden and get little shoutouts of support in this interactive Pen from Olivia Ng.
Ryan Monteiro pays tribute to First We Feast's legendary YouTube interview show with a bit of SVG and CSS neon.
Create, edit, run, and maintain end-to-end tests your way. Testing that first your workflow. Start your free trial today!
Chris, Stephen, and Marie talk about how CodePen has updated the Following feed and the activity feed to make them more fun and useful
"A CSS animation of a king and an annoying fly. You can turn on/off the animations (off by default). If you turn them on, the sound of the fan will make for the buzzing of the fly." From Alvaro Montoro.
Adam Kuhn shares a ghostly rocker toggle powered by SCSS and neumorphic aesthetics.
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.
Ilithya conjures up a bouquet of fluorescent flowers with Three.js. "Hover the flowers to change their material and light effect. On mobile touch the flowers to change them, and touch anywhere else on the screen to go back to default material."
Hristovv demonstrates how `clip-path` can help build magazine-style photo layouts with CSS.
"Fun lettering with important messaging in these trying times." Built with "CSS transforms, mix-blend-mode, SVG patterns, Vue iteration and methods" by vlemoine.
Play with the colors and curve types in Tadas Karpavičius' grid of Lissajous curves until you find your perfect wave.
ruidovisual continues a series of animated letters with an elegant X. Check out their profile for more from the alphabet series!
Daniel Givens builds a holographic heart with 3D modeling and WebGL shaders. Check out the Pen description for a link to the Spotify playlist that inspired it all.