Skip to main content Jump to list of all articles

Our charming Smashing TV

Smashing TV

Weekly webinars with practical techniques and solutions. Sessions on front-end, UX, design and everything in-between. With smart cookies from the web industry. Moderated by Vitaly Friedman and Scott Whitehead. Follow @SmashingMembers for schedules, transcripts and fancy cats.

Smashing TV, a new Hollywood blockbuster, with interviews and live streams for web designers and developers.
_.-–-.._ _.-–-...__ .-' /\ \ .' /\ / `. ( ) \ / ( ) / `. \/ .'\ /`. \/ .' ``-–-'' ) ( ``-–-'' .';.-–.;`. .' /_...._\ `. .' `.a a.' `. ( \/ ) `.___..-'`-..___.' \ / `-.____.-' -–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-– Oh hello there. If you're reading this note, you're quite a snowflake. Meow right at ya! -–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-– Well done, Garfield! ;-) You cracked the system! We need smart cookies like you in our family, you know. We want to make our webinars affordable and accessible for everybody. If you feel like you *have* to attend for free, that's perfectly fine — we are happy to welcome you. By the end of the day, we still have got to pay the bills somehow. So perhaps you do have a few pennies to spend every month after all. Every contribution counts, you know. Explore Membership and how we spend the money: https://www.smashingmagazine.com/membership/ Happy watching! ;-) Vitaly and the Smashing Team (Cat credit: Felix Lee. https://user.xmission.com/~emailbox/ascii_cats.htm)
  • Speaking: Cassie Evans
  • Date:

Interactive Web Animation With SVG

Having fun is an important part of learning. Especially in the world of web animation!

This talk will contain takeaways to help with SVG animation in production, but we’ll also have fun with some experimental technology.

  • Creating, exporting and optimising an SVG for animation.
  • Getting started with Greensock for animation.
  • A look into some of Greensock’s SVG plugins.
  • Looking at ways to add some interaction including webcam colour detection and face detection with chrome’s shape detection API.

Learn more →