Building a Computer with CSS
summary
Claim: a CPU is rebuilt using only CSS selectors, checkboxes and custom properties and it actually computes. The demo implements seven logic gates with :has and sibling selectors, composes them into working half and full adders, and chains adders into multi‑digit binary addition (demo reaches five digits). The tools are pure CSS—attribute selectors, calc(), mod, trig functions, custom properties—and the result is a slow but functional calculator no JavaScript.
AI-written summary · about
chapters (14)
- 0:00Building CPU with CSS
- 1:03CSS computer challenge origin
- 3:10Logic gates in CPUs
- 7:24Logic gates with CSS/HTML
- 16:38Binary addition in CSS
- 22:05Half adder in CSS
- 24:14Full adder in CSS
- 31:43Is CSS a programming language?
- 33:08Q&A: Can it run Doom?
- 34:30Q&A: CSS selectors limits
- 36:36Q&A: Cool CSS demos
- 39:45Q&A: CSS illusions/effects
- 43:14Q&A: Math for CSS logic
- 45:02Closing remarks
