~/talk

Generative Art with CSS

TalkinSpanishat FrontFest 2020 · on Saturday, 2020-02-15· [css, creative-coding]
github:YuneVK
slides:none on file

Shows how the css-doodle Web Component (installed via script tag or npm) lets authors create generative art using only CSS by combining grids, selectors and functions instead of heavy JavaScript. Demonstrates concrete techniques—5x5 and 7x7 grids, pick and rand for per-cell randomness, index/size for scaling, repeat+n for layered shadows, clip-path shapes and SVG filters for marble/cloud effects—and notes the approach is easy to learn but experimental and not optimized for runtime performance.

AI-written summary · about

  1. 0:00Start
  2. 5:28Art in CSS Limitations
  3. 9:25Basic Concepts @grid and @pick
  4. 16:19Properties
  5. 19:01Functions
~/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.