April 9th: Puppies, Pixel Art, and Pac-Man
#CodePenChallenge: Pac-Man Roundup
The CodePen community racked up a high score for this week's challenge! Here are just a few of our favorite Pac-Man Pens from this week.Sponsored:
Test the Performance of Your Website
With WAPT Pro you can test all types of websites, mobile applications, corporate ERP and CRM systems, web API services and even Internet of Things platforms.
CSS-only animated gif (Brent Rambo)
The iconic "thumbs up" gif, rendered and animated in CSS! Check the comments thread for more details from Danny Joris on how he created the animation.
Louis Hoebregts tucks a very good surprise into the console in this clever browser trick for Chrome and Firefox. 13/10 would view console again!
80s "Draw in" Text with Variable Fonts
"Creating an 80s style "draw in" text effect with Decovar Variable fonts. This uses a special version of Decovar that has a couple of letters set up to "draw in". No JS, Canvas or SVG required, this demo uses HTML, CSS and Variable fonts!" from Mandy Michael.
CodePen Radio #168: Leveling Up
We all want to improve our skills and get better as a developer - but how do you know if you are actually getting better? Marie and Jake are on this episode to talk about "leveling up".
A serene natural scene from K-T. Check out the beautiful ripple effects!
Adam Kuhn drew inspiration from Ioana Şopov's Dribbble shot to create this adorable cursor-tracking portrait of his pup, Peter.
No Div Pixel Art Scene Builder
Build a pixel art scene and export it as an image or a new Pen with Jamie Coulter's amazing tool.Sponsored:
Build and deploy a CMS-enabled site with Gatsby (or many others) in just a few clicks. It's free!
"An interactive experiment with light and relief. Left click light, right click verticies" from Thibaut.
Painting dreams galaxy
Judith Neumann recreates a gorgeous Dribbble shot by Tiantian Xu with CSS in this dreamy Pen.