In this presentation Edan Kwan showed many techniques that are used in advanced frontend animation, from the basics to the very powerful:

• Interpolation
• Tween Engines
• Canvas effects
• Basic GLSL (Using THREE.JS and/or PIXI.JS)
• Optimization
• How to be a better front-end developer

He went through a lot of examples and did some dizzying live coding. Check out some great examples in the slides.

References/Resources:

• Slides with many examples: http://slides.com/edankwan/advance_frontend_development#/
• Git repository with examples for practising: https://github.com/edankwan/advanced_frontend_development_exercises
• Edan’s Codepen: http://codepen.io/edankwan/
• Impressive site made by Edan using WebGL http://i-remember.fr/en
   
  

By Katja
Posted in Categories: WebGL JavaScript animation