~/talk

Sequential Art, Comics & SVGs

Talkat JSConf EU 2017 · on Saturday, 2017-05-06· [web-animation, web-platform]
slides:none on file

A JavaScript library converts Illustrator art into stacked SVG layers, uses CSS translateZ plus a compensating scale for SVG depth correction, and explodes groups into separate SVGs so transforms work across browsers. Parallax is driven mostly by CSS with minimal JS, and mouse/gyroscope motion uses a logarithmic mouse/gyro scale to keep foreground movement dramatic but not offscreen. The pipeline ships cinematic, Retina-ready comics that designers create without new tools.

AI-written summary · about

  1. 0:00Intro
  2. 7:47Parallax
  3. 11:11Animations
  4. 17:36Conclusion
~/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.