svg: the return (lightning talk)
TRANSCRIPT
![Page 1: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/1.jpg)
SVG
The returnby David Corbacho
@dcorbacho
![Page 2: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/2.jpg)
SVG : Drawing vector graphics
with XML code
<line>
![Page 3: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/3.jpg)
http://www.w3.org/Graphics/SVG/WG/wiki/Secret_Origin_of_SVG
VML, by Microsoft and others
PGML by Adobe
1998. 6 competing proposals
![Page 4: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/4.jpg)
W3C starts to work on SVG. 1998
http://www.w3.org/Graphics/SVG/WG/wiki/Secret_Origin_of_SVG
SVG
![Page 5: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/5.jpg)
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
![Page 6: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/6.jpg)
2001SVG 1.0 is released
Adobe releases “SVG Viewer 3”
![Page 7: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/7.jpg)
2005. Adobe adopts Flash
![Page 9: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/9.jpg)
2008 Apple blocks
Flash in iPhone & iPad
<svg> inline tag
![Page 10: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/10.jpg)
2010 IE 9 release.
Implements 60% of SVG spec
![Page 11: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/11.jpg)
2011Apple Retina
display
![Page 12: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/12.jpg)
We need crisp graphics for HD screens, supported in all modern
browsers
Hello SVG !
![Page 13: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/13.jpg)
It’s the SVG Renaissance!
![Page 14: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/14.jpg)
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
![Page 15: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/15.jpg)
USE SVG!It’s ready for prime time.
![Page 16: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/16.jpg)
But it is 15 years old!
![Page 17: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/17.jpg)
SVG needs a bit updating, SVG 2 is coming soon. Getting CSS-
ified
![Page 18: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/18.jpg)
SVG Experts
CSS
SVG
![Page 19: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/19.jpg)
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
![Page 20: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/20.jpg)
W3C SVG Working Group
@svgeesus @shepazu@erikdahlstromTavmjong Bah @dirkschulze
Pushing forward SVG
Thanks for the timeline, Doug!
![Page 21: Svg: The return (Lightning talk)](https://reader035.vdocument.in/reader035/viewer/2022062903/58a77c721a28abef478b4c4f/html5/thumbnails/21.jpg)
Thank you!Grab a SVG Sticker
David CorbachoTwitter @dcorbacho