~/talk

Invisible animation

Talkat CSSConf Australia 2015 · 2015-03-26..03-27· [web-animation, css]
slides:none on file

A drag‑and‑drop email builder from June 2014 gains subtle CSS transitions that actually change usability: dropdowns translate and scale from the button, sidebar labels stagger in after a delay, layout controls slide out from the hovered block, new blocks animate from scale 0.7 → 1 + opacity 0→1, deletes fade and shift so users see what vanishes, and the send button shows 2s fake send feedback. Many prototypes are discarded for poor performance on low‑end devices; only performant animations ship.

AI-written summary · about

  1. 0:00Start
  2. 15:14Add layout drop-down
  3. 16:49Sidebar accordion
  4. 19:00Button states
  5. 21:23Layout controllers
  6. 22:41Add or duplicate a layout
  7. 25:25Delete a layout
~/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.