3 ms·
I was completely amazed when I recently checked browser support for inline SVG; almost all current browsers support them! [1] So I decided to use inline SVG for
by jakobegger 12y ago
I was completely amazed when I recently checked browser support for inline SVG; almost all current browsers support them! [1] So I decided to use inline SVG for icons and logos. It's extremely fast (no separate network request, images embedded in gzipped html source), and as a bonus I can style the images easily using CSS (eg. change colors on hover/active state)
Example see here: http://jsfiddle.net/Lszz5392/1/ http://jsfiddle.net/Lszz5392/1/
The nicest part about this is that I can use Adobe Illustrator (or any other vector editor) to create the graphics, and then paste them straight into HTML.
[1]: http://caniuse.com/#feat=svg-html5 http://caniuse.com/#feat=svg-html5
- vbezhenar 12y agoIt might sound weird but I actually like to draw simple SVG images using text editor. SVG is well suited for that, it's readable and compact.
- jakobegger 12y agoYes, I've done that too. What's even nicer is that you can write scripts that generate SVG. Drawing symmetric things like a gear can be very cumbersome in a vector editor, but it's really nice if you draw it with a script. (And I was finally able to make use of all the math & geometry I learned in school)