SVG

The returnby David Corbacho

@dcorbacho

SVG : Drawing vector graphics

with XML code

<line>

http://www.w3.org/Graphics/SVG/WG/wiki/Secret_Origin_of_SVG

VML, by Microsoft and others

PGML by Adobe

1998. 6 competing proposals

W3C starts to work on SVG. 1998

http://www.w3.org/Graphics/SVG/WG/wiki/Secret_Origin_of_SVG

SVG

W3C starts to work on SVG. 1998

SVG = XML + DOM +

CSS + Animations (SMIL) + Filters + Text + XLinks +

Transforms + SVG Fonts + etc

“… it was easier to say yes than no”—Jon Ferraiolo

2001SVG 1.0 is released

Adobe releases “SVG Viewer 3”

2005. Adobe adopts Flash

https://en.wikipedia.org/wiki/Browser_wars

2008 Apple blocks

Flash in iPhone & iPad

<svg> inline tag

2010 IE 9 release.

Implements 60% of SVG spec

2011Apple Retina

display

We need crisp graphics for HD screens, supported in all modern

browsers

Hello SVG !

It’s the SVG Renaissance!

SVG Support96.22% of browsers (Jan.2016)

Firefox 26+Chrome 31+

IE10+Safari 7+

Opera 19+iOS Safari 3.2+

IE 9 (limited feature set)Android 3.x (no SVG filters)

http://caniuse.com/#search=svg

USE SVG!It’s ready for prime time.

But it is 15 years old!

SVG needs a bit updating, SVG 2 is coming soon. Getting CSS-

ified

SVG Experts

CSS

SVG

SVG community

@sarah_edo@anatudor@AmeliasBrain @rachelnabors@SaraSoueidan

Sharing best practices and code

@chriscoyier

"If you don't know SVG you can't call yourselfa Web Developer.Call yourself a Web Enthusiast” — Dmitry

@DmitryBaranovsk

W3C SVG Working Group

@svgeesus @shepazu@erikdahlstromTavmjong Bah @dirkschulze

Pushing forward SVG

Thanks for the timeline, Doug!

Thank you!Grab a SVG Sticker

David CorbachoTwitter @dcorbacho