YoVDO

Styling and Animating Scalable Vector Graphics with CSS

Offered By: JSConf via YouTube

Tags

JSConf Courses Computer Science Courses Web Development Courses Web Design Courses Responsive Design Courses CSS Animation Courses CSS Transitions Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore the world of Scalable Vector Graphics (SVG) styling and animation with CSS in this 39-minute conference talk from CSSConfUS2014. Dive into the advantages of using SVGs for high-resolution displays and retina screens. Learn techniques for styling SVGs with CSS, implementing animations and transitions, and creating responsive SVG designs using media queries. Discover a workflow from vector graphics editor to responsive animated graphics on screen. Cover topics including presentation attributes, SVG transformations, SVG paths, and morphing paths. Gain insights into making graphics look great across all screen sizes and resolutions, positioning you at the forefront of modern web design techniques.

Syllabus

Introduction
Presentation Attributes
Responsive SVG
SVG Transformations
SVG Paths
Morphing Paths


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