July 3rd: Fireworks, Vacations, and Heat
Ben Matthews celebrates the Fourth of July holiday with fireworks built with Conway's Game of Life algorithm. Check out the comment thread on the Pen for a link to his blog post about how he made it.Sponsored:
66 "snack sized" videos covering everything about ES6
1950's Astronomy Chart in CSS Grid
CSS Grid experiment of a page from a vintage astronomy encyclopedia, by Kristopher Van Sant.
Hunor Marton Borbely's fully playable solitaire game isbuilt with "React, Redux and HTML5's drag & drop feature". There are lots of great details on how it was made in the description of this Pen!
CodePen Radio #136: Drew Conley
Drew Conley created an RPG right inside CodePen! On this week's episode of CodePen Radio, he talks to Marie and Tim Holman about how he built it.
New Zealand Visual Itinerary
Ren Aysha's lovely animated Pen is "a visual itinerary of my trip to Middle Earth". Click the points on the timeline to zoom to their locations on the map.
Methods for Equal Height Columns
Craig Fox's post takes you through various methods of creating columns of content of equal height, with the pros and cons of each.
Abeatrize - Profile
It's always fun to find a new CodePen member making cool things! Beatrize's work first caught our eye with her Snorlax/Totoro/Baymax mashup, and she's been making fun stuff ever since!
Paint on Heat Distortion
"Paint on a heat distortion effect. Uses GSAP to animate SVG, canvas for the paint tool, and CSS Masks to marry them." by Matt Popovich.
Creative Coding Club - Canada Day!
The Creative Coding Club's celebrates Canada's 150th Anniversary with an animation challenge and the results are fantastic!
Michael Mangialardi - Portfolio Project
The founder of the #DailyCSSImages challenge built his portfolio/resume website as a CodePen Project!
"A small collection of experiments with particles" from Marco Dell'Anna.