I ♥️ Form Controls!
summary
Uses radio buttons and hidden checkboxes paired with labels plus ::before/::after styling and the :checked selector to recreate UI patterns without JavaScript. Builds clickable tabs, collapsible accordions and a slider-style control using CSS only. Demonstrates logic primitives: AND, OR, XOR and a half-adder implemented in pure CSS, assembles a three-bit adder that sums 0–31 per row and a binary-to-decimal display. Live demos compile and respond in the browser, with caveats about screen-reader visibility and using visually-hidden inputs.
AI-written summary · about
chapters (7)
- 0:00Form controls introduction
- 2:29Styling checkboxes with CSS
- 8:12Pure CSS tabs and accordions
- 11:47Pure CSS logic gates
- 23:33Live coding logic gates
- 35:10Credits
- 37:17Q&A
