YoVDO

Animating SVGs

Offered By: JSConf via YouTube

Tags

JSConf Courses Computer Science Courses Web Development Courses Javascript Courses User Experience Design Courses SVG Animation Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore the world of SVG animation in this 31-minute conference talk from CSSConf.Asia 2015. Dive deep into SVG techniques to create stunning effects that enhance user experience on websites. Learn about icon morphing, bouncy buttons, and other creative applications. Discover how to implement these cool effects using various animation methods, including CSS, SimulAnimate, and JavaScript. Follow along as the speaker demonstrates practical examples like animating a basketball, line drawing, and morphing SVGs. Gain insights from Zell Liew, a Singapore-based freelance web developer known for his in-depth exploration of web tools and frameworks. Access accompanying slides for further reference and enhance your web design skills with powerful SVG animations.

Syllabus

Intro
Basics
Animation Methods
Animating with CSS
Animating with Simul
Animating with JavaScript
Animating Basketball
Line Drawing
Morph SVG
Snap SVG


Taught by

JSConf

Related Courses

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera Computer Security
Stanford University via Coursera Intro to Computer Science
University of Virginia via Udacity Introduction to Logic
Stanford University via Coursera Internet History, Technology, and Security
University of Michigan via Coursera