Creating Interaction with CSS and Checkboxes
summary
Uses the :checked pseudo-class plus input/label pairing to replace JavaScript for specific widgets: custom radios and checkboxes, tree menus, dropdowns, accordions, tabs, modals and an image carousel called slideshow bob (example builds 11 slides). Packs Bootstrap-like plugins into bootleg.css, generates complex selectors and position math with Sass + Grunt. Works in modern browsers with some clever hacks (max-height, iOS5 onclick) but shows accessibility problems for screen readers and older-browser quirks.
AI-written summary · about
chapters (6)
related talks
36mStop using JS for that: moving features from JS to CSS & HTML
42mI ♥️ Form Controls!
34mDon't Use JS for That: Moving Features to CSS and HTML
43mCSS is Awesome!
40mStop using JavaScript for that - Moving features from JS to CSS and HTML
17mHow I Learn To CSS
04mFunctionality in CSS
50mModern CSS and interactive email