July 1st: Galaxies, Games, and Glory
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.
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
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.
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.
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.
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?
Chen Xin animates Wang KongKong's gorgeous Dribbble shot of a traditional Chinese theatrical mask in this purrrfectly lovely Pen.
"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.
"A playful stretchy skewed menu, built by clipping paths and SVG pairs of icons to select clothing categories" from Mikael Ainalem.
Daybrush demonstrates the possibilities of their Scene.js library with this adorable bamboo-munching panda animation.