3 ms·
I recently rebuilt the theme of my moderately-well-known WordPress-based site to use all vector graphics for the site UI. Further, I implemented SVG sprites so
by DamnInteresting 7y ago
I recently rebuilt the theme of my moderately-well-known WordPress-based site to use all vector graphics for the site UI. Further, I implemented SVG sprites so all relevant SVGs are embedded in the main HTML, eliminating the overhead of subsequent HTTP requests for those images. Along with a few other non-image-specific optimizations, that change made the site blazing fast, even when under heavy load (i.e., when linked from HN or /r/TodayILearned).
(I'll refrain from linking the site to avoid the appearance of naked self-promotion, but my username is a dead giveaway if you care to see it in action).
- olalonde 7y agoDid you use any tool to make the SVGs?
- DamnInteresting 7y agoMostly I used Adobe Illustrator, building up the shapes and exporting as CSV. I also did some hand-editing of the SVGs in Sublime for fine tuning, SVGs are just XML so it's not difficult to adjust colors or nudge nodes in a text editor.
- DamnInteresting 7y agoOops, I said 'CSV' above when I meant 'SVG'.