SmartWeb 2016 - Una Kravets
summary
Shows how to use CSS filters, blend modes and SVG filters to build UI features not images — e.g. a backdrop-filter blur for readable sidebars, a fixed-background hack for blurred text, and recreating Instagram-style filters as a CSS library. Demonstrates per-channel SVG work with feColorMatrix and feComponentTransfer to mimic f.lux color shifts, and a live visual-diff tool (Diffy) for regression checks. Notes a blended portrait+video demo weighs 3.6 MB versus a smaller GIF, mix limitations and limited polyfills for mix-blend-mode.
AI-written summary · about
chapters (20)
- 0:00Introduction
- 8:15Blend Modes
- 11:06Xoxo Festival
- 12:53Screen
- 15:09Lightning
- 17:32Color Group
- 20:47Embrace the Cascade
- 23:00Overlay
- 24:02Difference
- 25:09Diffie
- 26:12Sleep
- 29:34Efi Component Transfer
- 30:17Math Class
- 31:55Custom Filters
- 34:32Color Matrix
- 36:05Bypass Kick
- 36:30CodePen
- 38:37Jade
- 39:19Interview
- 41:48Evolution of the Web
