2022/Düsseldorf/movingpixel

Animations using HTML and CSS was a session at IndieWebCamp Düsseldorf 2022.

Archived from https://etherpad.indieweb.org/movingpixel:

---

IndieWebCamp 2022 Düsseldorf
Session: Animations using HTML and CSS
When: 2022-04-30 11:45 CEST

Participants

• Hary from Croatia - facilitator
• Andreas Nebiker
• guy 3
• guy 4

Notes

Our own codepen :) https://codepen.io/nebu/pen/eYVYmKL/f054ca768da888d7440fe6bd58e3877c

Where to find examples of animations on the web:

• Codepen.io
• Mozilla Developer Network: CSS Animations Guide: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations
• Your own timings with cubic bezier: https://cubic-bezier.com/#.57,.19,.49,1.59
• Check if browsers support what I want to do: https://caniuse.com/?search=animation

Use JS for advanced stuff

• https://greensock.com

Use caution about what css properties you animate as some will not be gpu accellerated

• https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-right/

See Also

• 2022/Düsseldorf/Schedule