The Magic of Color
summary
Shows concrete techniques: uses CSS Color Level 4 syntax (alpha with a slash works today only in Firefox), demos HWB and color-mod ideas and a PostCSS/cssnext workflow, and wires a theming system with CSS custom properties so a single hue input repaints UI. Builds a JS brightness test (green-heavy formula, threshold ~120–130) that picks black or white text and a fallback that reduces lightness by ~20 to force WCAG contrast. Notes filter-based image tinting breaks in Firefox.
AI-written summary · about
chapters (21)
- 0:00Intro
- 3:00Color with Names
- 9:00Fiesta
- 10:30HSL
- 13:40CSS Color Level 4
- 14:50Color Schemes
- 16:10HWB
- 17:20CSS Next
- 18:00Style Guides
- 20:10Black in CSS
- 21:50HSL Custom Properties
- 25:05Accessibility
- 26:00JavaScript
- 26:30Search Awareness
- 27:00Brightness
- 28:20Contrast
- 28:55Color Difference
- 29:15Color Range
- 30:25Color Conversion
- 31:25Color Conductors
- 32:00Media Queries
