~/talk

Create impact with CSS3 filters

Talkat Web Directions Code 2013 · 2013-05-02..05-03· [css, web-performance]
github:adanilo
slides:none on file

Explains that CSS filters run as the final render step, are simpler CSS wrappers around SVG filters, and already run with GPU acceleration in modern browsers (demonstrated live in Chrome Canary on video). Shows practical primitives: blur, hue-rotate, sepia and advanced SVG primitives: convolution, displacement, morphology plus shader-based custom filters (WebGL) to do page-flips and vertex-driven warps. Warns mobile GPUs can exhaust RAM and crash sites; demos run in real time.

AI-written summary · about

  1. 0:00Introduction
  2. 0:45Filters
  3. 5:05Custom Filters
  4. 7:10Accelerated SVG Filters
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.