July 1st: Galaxies, Games, and Glory
Quest For Glory II Disks
James Holmes pays tribute to "the classic designs of the 80's and 90's Sierra On-Line adventure game releases" with this nostalgic CSS illustration.Sponsored:
Save 25% on Tickets to Web Unleashed 2019 - The Front-End Developer Event
Brought to you by the team at FITC, join hundreds of your peers at Web Unleashed for 2 days and nights of unparalleled talks, tech and networking opportunities. Get up-to-date on the skills needed to excel in your career, and elevate your personal and professional development. Save 25% on your pass with code CODEPEN. September, 13-14, 2019 in Toronto, Canada
3D Drag Out Menu with Guitar
Jamie Coulter brings a stunning design from Minh Pham's Dribbble shot to the front-end in this jaw-dropping Pen.
masuwa's gorgeous Pen gives us a glimpse of a mysterious galaxy.Sponsored:
Codeland Conference -- July 22 in NYC
Codeland conference is a celebration of the wonderful things we can do with code. It's designed for programmers and people learning to code. Ticket includes access to talks, workshops, breakfast, lunch, dinner, and a ticket to the afterparty. Use promocode CodePenCodeland2019 for 20% off.
Grid Experiment No. 8
Jules Forrest recreates the type specimen for Augustea, a typeface by Aldo Novarese in this striking example of the layout possibilities of CSS Grid.
The final week of the June 2019 Food Fight Challenge was sweet! Check out the Pens from the "Dessert" prompt, including Diogo Goncalves' "Donut Glasses".
Just the happiest moon you ever did see, strummin' through the trees w/ GSAP + Draggable & velocity detection. From Adam Kuhn.
CodePen Radio #227: Tidying Up
It's time to clean all the things! Cassidy and Marie talk about how CodePen is cleaning up code, internal docs, and external docs. How does your team do spring cleaning?
The Cat God
Chen Xin animates Wang KongKong's gorgeous Dribbble shot of a traditional Chinese theatrical mask in this purrrfectly lovely Pen.
Space Shooter Game
React Text Highlighter
"A simple text highlighter implemented using React. In this pen I tried to focus on simplicity and performance, so I avoided solutions that involved manual manipulation of the DOM outside of React" from Yoav Kadosh.
Skewed Stretchy Menu
"A playful stretchy skewed menu, built by clipping paths and SVG pairs of icons to select clothing categories" from Mikael Ainalem.
Scene.js Panda Eating Bamboo Animation
Daybrush demonstrates the possibilities of their Scene.js library with this adorable bamboo-munching panda animation.