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

User Experience for the Web
Open2Study Mobile Application Experiences Part 1: From a Domain to an App Idea
Massachusetts Institute of Technology via edX UX-Design for Business
Fraunhofer IESE via Independent User Experience (UX) Design: Human Factors and Culture in Design | 设计的人因与文化
Tsinghua University via edX Introduction to User Experience Design
Georgia Institute of Technology via Coursera