Crafting Web Comics with Ember

on YouTube ↗31m

" summary

Shows a concrete Ember app that renders multi‑layered comic panels, composes animations with the web animations API (keyframe effects, group effect, timeline), drives sprite sheets and playback controls, and wires scroll entry via the viewport addon so panels animate on view. Accessibility is implemented with HTML text, alt and aria labels; performance uses cheap CSS properties and mentions the animation worklet API as an option. A prototype is built and works, and a 700‑person Pokémon photosensitivity incident motivates safety controls.

AI-written summary · about

" chapters (9)

1. 0:00Start
2. 2:50A HISTORY OF PRINT COMICS
3. 6:10COMIC PAGES
4. 7:57COMIC PANELS
5. 12:02WEB ANIMATIONS API
6. 14:19A MULTI-LAYERED ANIMATION EXPERIENCE
7. 14:44ANIMATING - SETTING UP A LAYER
8. 22:04INTEGRATING TEXT
9. 23:35THE "POKEMON SHOCK" INCIDENT

" related talks

• 34mCrafting Web Comics with EmberJessica Jordan · Mirror Conf 2018
• 28mCrafting Web Comics with EmberJessica Jordan · ReactiveConf 2018
• 27mCrafting Comics for Literally EveryoneJessica Jordan · ReactiveConf 2019
• 23mAnimate the Web with Ember.jsJessica Jordan · RuhrJS 2017
• 32mAnimate the Web with Ember.jsJessica Jordan · EmberConf 2017
• 32mAnimate the Web with Ember.jsJessica Jordan · jsDay 2017
• 32mAnimations and Transitions in an Ember AppEdward Faulkner · EmberConf 2014
• 26mCreating Fluid App-Like Experiences with EmberNick Schot · EmberConf 2018