~/talk

Parallax 101

Talkat JSConf.ar 2014 · on Saturday, 2014-11-29· [web-animation, design-collaboration]
slides:none on file

Asserts parallax overturns “above the fold” by increasing scroll engagement and cites the JSConf.ar page as a working example where a form below the fold still converts. Compares implementations: jQuery scroll + translate (simple but slow), requestAnimationFrame (better perf), ScrollMagic / data-attributes (declarative anchors), and CSS perspective / CSS-only parallax (fastest). Notes issues: mobile/touch often requires disabling, animating transform and opacity is cheapest, and some animation libs trigger only once and do not replay.

AI-written summary · about

  1. 0:00Introduo
  2. 1:50Why did it work
  3. 3:24What is Parallax
  4. 4:16Parallax in Web Design
  5. 4:40Parallax in CSS
  6. 8:32Scroller
  7. 10:58CSS
  8. 15:19Final Recommendations
~/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.