CSS Dev Conf 2015 has ended
Back To Schedule
Monday, October 26 • 10:00am - 11:00am
Cracking the SVG Code #CrackSVG

Sign up or log in to save this to your schedule, view media, leave feedback and see who's attending!

SVGs: their code looks kind of familiar, but have you ever tried to edit the code and end up breaking the whole darn thing?

I have been digging into the nitty gritty of SVG code, and it's helped me optimize my own SVGs and get started more quickly with libraries that work with SVGs like d3 and snap.svg.

Here are a few topics I'll cover in this session:

  • Understand the mystery of the "viewBox", the SVG coordinate system and viewport, even what all those numbers and punctuation within a "path" actually mean. 
  • How much of all that stuff that Sketch, Illustrator, and Inkscape exports out is actually needed, and what does it do? ("xlmns", "enable-background", etc.)
  • What are the CSS properties that I can use to style SVGs, and when, how, and why?
  • How can I use this information to animate SVGs?

avatar for Brenda Storer

Brenda Storer

Designer & Front End Developer, thoughtbot
Brenda is a Silicon Valley native who moved to NYC to escape the tech world, only to discover that tech is actually pretty awesome. She is currently a designer and front end developer at thoughtbot, teaches HTML/CSS with Girl Develop It, and specializes in belting out 80's hair metal... Read More →

Monday October 26, 2015 10:00am - 11:00am PDT
Britannia Salon "M" Deck/Main

Attendees (0)