We keep every demo in a small repository with one folder per post. Each folder has the HTML, the CSS and a short note on what we tried and dropped. Months later, when a reader asks why a tutorial does something a certain way, the note usually has the answer and saves us a long investigation.
Palette swaps on one scene
4 imagesJPG, 1200 × 1200
SVG is often the better choice for complex scenes. CSS cubes are fun to build and easy to animate, but a city block made of hundreds of divs is hard to change and heavy to render. We draw the static parts in SVG, keep the interactive blocks in CSS, and layer the two together.
Eli Novak
Any plans for a video version of this one?
Rosa Medina
I teach an intro CSS class and I am going to use this as the final project.
Soren Dahl
The templates are in the downloads section of the reference post.