use svg to bring the web to life (quinton jason jr)
TRANSCRIPT
USE SVG TO BRINGTHE WEB TO LIFE
Quinton Jason Jr
@quintonjasonjr
thinkx.net/svg
FALLBACKShttps://css-tricks.com/a-complete-guide-to-svg-fallbacks/
IE and Opera don't support CSS Transforms
Firefox doesn't support % based transform-origin
Safari zooming breaks % or px based origins
CSS TRANSFORMS (BAD)
2005Batman Begins
Movie
SMIL PATH MORPHINGhttp://tavmjong.free.fr/blog/?p=741
Can Contain All Type of SVG shapes and images
Simple or Complex
Resized without losing shape
PATTERNS
SVG AS SUBMIT BUTTONhttp://tympanus.net/Tutorials/CircularProgressButton/
Use Inline SVG
Provide a <title>
Provide a <desc>ription
Use <text>
Give it an ARIA role
ACCESSIBILITYhttp://www.sitepoint.com/tips-accessible-svg/
http://tympanus.net/codrops/?s=svg&search-type=posts