intro SVG in miiiCasa

1. SVG
Scalable Vector Graphics
Ted

2. an XML-based vector image format for two-dimensional
graphics with support for
interactivity and animation. The SVG
specification is an open standard developed by
the World Wide Web Consortium (W3C) since
1999
–Wiki

4. Resizable
Flat design
Easy to use and edit
responsive
animate
filter

5. http://upload.wikimedia.org/wikipedia/
commons/6/6e/HM_04_lowdetail.svg
http://zh.wikipedia.org/wiki/File:Mahuri.svg

7. http://css-tricks.com/stackicons-icon-fonts/
http://webdesign.tutsplus.com/articles/
manipulating-svg-icons-with-simple-css--
webdesign-15694
http://designmodo.github.io/Flat-UI/

8. https://useiconic.com/

9. http://caniuse.com/#cats=SVG

10. SUPPORT
IE9+
Chrome 14+
Safari 4+
Firefox 3.6+
Opera 15+
Opera Mobile 12+
iOS 3+
Android 4.0+
BlackBerry 10

11. NOPE
IE 6, 7, 8
Android 1-2.3
Opera Mini(on retina)

12. Browser support
File size

13. illustrator
Inkscape
Sketch
svg-edit

14. Refer
• Wiki
• https://code.google.com/p/svg-edit/
• http://css-tricks.com/mega-list-svg-information/
• http://vimeo.com/99828116