~/talk

Breaking the norm with creative CSS

Talkat dotCSS 2018 · on Thursday, 2018-11-08· [css, web-performance]

Demonstrates concrete CSS techniques and results: clip-path with SVG via url() to make a “splashy” clipped background, a PNG-versus-clip-path test where the PNG is about six times larger, masking for per-pixel transparency used to create a masked heading with layered fixed-pan effect (works but is more CPU-heavy), and shape-outside wrapping text around a letter. Shows a pure-CSS perspective text demo (codepen) and argues these simple patterns work well for rapid design prototyping.

AI-written summary · about

  1. 0:00Start
  2. 0:19breaking the norm with creative
  3. 1:333 boxes
  4. 3:40brutalist websites
  5. 7:49masking
~/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.