• SVG for Complex Responsive Animation

  • storytelling-js

    Many of us are telling stories on the web- whether it be expressing concepts with data visualization, the story of how our product works, or simply writing good documentation. JavaScript is insanely powerful for gradually revealing information through animation, manipulating graphics with SVG, Canvas, and WebGL, or allowing users to guide themselves through interaction. In this talk, we’ll explore how our minds work on the web and how JavaScript can reach to new heights of composing experiences that attach to our limbic system and captivate us. We’ll dive deep into some of the how’s about these type of implementations and create live demos that bring these concepts to life.

  • Baremetal

  • Working with Living Style Guide Animation

  • Creativity in Programming

  • Functional Animation - Fronteers

  • Innovative SVG Animations

    Exploring many different techniques to create engaging and fun SVG animations, ranging from elemental motion to interaction.

  • Animating in React

    Too much to cover in 40 minutes! But we go over some theory, some comparison of tools, as well as the strengths of each. We do some fun things like go over making a game in React, working with SVG animation in React, and some VR. We also look under the hood a bit so that people know why things work the way that they do.

  • Intricate SVG Animations

    Exploring many different techniques to create engaging and fun SVG animations, ranging from elemental motion to interaction.

  • Intricate SVG Animations

    Exploring many different techniques to create engaging and fun SVG animations, ranging from elemental motion to interaction.

  • False Dichotomies

  • Functional Animation

  • Complex SVG Animations with GreenSock (GSAP)

    Different ways to approach design and development for SVG animation, as well as theoretical guides for working with animation in a corporate context.

  • Complex Responsive SVG Animations

    Different ways to approach design and development for SVG animation, as well as theoretical guides for working with animation in a corporate context.

  • Complex SVG Animations with GreenSock

    Different ways to approach design and development for various types of complex movement with SVG and the GreenSock Animation API

  • SVG and GreenSock for Complex Animation

    Different ways to approach design and development for various types of complex movement with SVG and the GreenSock Animation API

  • Designing Complex Animations

    Different ways to approach design and development for SVG animation, as well as theoretical guides for working with animation in a corporate context.

  • Designing Complex SVG Animations

    Different ways to approach design and development for various types of animation, as well as theoretical guides for working with animation in a corporate context.

  • Frontend Masters 3: Advanced SVG Animation

  • Frontend Masters 2: Advanced SVG Animaton

    SVG Animation Performance, GreenSock Overview, Adding Interaction

  • Frontend Masters 1: Advanced SVG Animation

    SVG Anatomy, CSS Animation, SVG Sprites

  • SVG Sprites for Animation

  • Complex Responsive Animations

  • GSAP + SVG

    GSAP + SVG! Codepen Meetup 2015