The Joy of CSS

on YouTube ↗46m

" summary

A live Bob Ross–style landscape and portraits rendered as pure CSS no images with occasional tiny JavaScript for UI controls, built by positioning divs, using ::before/::after, vmin sizing and a random box-shadow generator for texture. One piece takes about half an hour nightly, another took a year, and a playable lighthouse game animates as the sun sets. Portfolio includes a first‑person CSS gallery and a 27-line CSS carousel claim — heavy but demonstrably working in browsers.

AI-written summary · about

" chapters (7)

1. 0:00Introduction to CSS art
2. 1:33Showcase of CSS creations
3. 7:12Motivation behind the art
4. 10:40Practical CSS drawing session
5. 29:11The philosophy of laziness
6. 32:27Advanced CSS drawing tips
7. 39:21Q&A session

" related talks

• 34mLet’s Build a CSS GameUna Kravets · CSS Conf EU 2017
• 21mCSS Art History 101: Decoding Layout Through The AgesPatricia Realini · CSS Conf EU 2017
• 27mCSS as a Game Engine: Building Playful, Stateful Web Experiences Without JSAaron Krauss · Commit Your Code 2026
• 30mFun.cssTim Holman · CSSconf EU 2015
• 37mPixel Art and Complex SystemsVince Allen · JSConf.Asia 2014
• 05mJS in CSSJean-francois Garreau · dotCSS 2019
• 52mTinkerer by NightSanne 't Hooft · CSS Day 2023
• 31mGenerative Art with CSSSonia Ruiz · FrontFest 2020