With the proliferation of retina screens and high resolution displays, we need to adopt techniques that allow us to serve graphics that look good on all screens in all circumstances. In this workshop, Sara is going to give you a hands-on practical jump-start — she is going to go through an entire SVG workflow from creating, exporting and optimizing SVGs, to styling and animating them, making them responsive, tips for delivering performance-optimized SVGs, automating workflow, tools for making your SVG workflows better, and much, much more.

You’ll learn how to:

• How SVGs can be styled, adjusted and manipulated with CSS,
• How they can be animated using CSS animations and transitions,
• How to responsify SVGs using CSS media queries
• Dive into coding and walk through it all the way from styling and animating to responsifying SVGs.
• You'll work with practical, everyday examples of SVGs
• See your SVGs working across a range of devices from mobile phones to desktops and everything in between.
• You'll walk away with a full set of resources and example files too.

Required equipment and knowledge

This workshop is for professional Web designers and developers and assumes that you’re already familiar with HTML5 and a little CSS. It‘s a good idea to bring your laptop to the workshop. Pencils, markers and paper will be supplied.

---

Location

Microsoft Technology Center
11 Times Square, 7th Floor
(Between 41st & 42nd Streets on 8th Ave.)
New York, NY, 10036
Google Maps

Schedule for Thursday, June 15th

8:30am – Doors open, Registration
9:00am – Introduction & Kick-off
11:00am – Coffee Break
12:30pm – Lunch
1:30pm – Afternoon Session
3:00pm – Coffee Break
5:00pm – The End, Networking

Save $100 when signing up for the conference and a workshop!