Loading…
This event has ended. View the official site or create your own event → Check it out
This event has ended. Create your own
View analytic
Monday, October 26 • 10:00am - 11:00am
Cracking the SVG Code #CrackSVG

Sign up or log in to save this to your schedule 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?


Speakers
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 a designer and front end developer at thoughtbot, a teacher with Girl Develop It, and is a co-organizer for ManhattanJS.


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

Attendees (48)