![]() ![]() ![]() While the examples in this post will all be shown with Vue, the general idea should work with any component-based framework. I’ve been working with Vue and SVG for the last few years, and I’ve developed (pun intended) a few tricks and recommendations I’d like to share. From the simple question of how best to load SVG files into your templates, to handling animations and accessibility, there are plenty of pitfalls to avoid. ![]() With SVG, we can have dynamic images that scale to any size, often for a fraction of the bandwidth of traditional raster image formats such as JPEG and PNG.īut SVG can be trickier to use well, especially in modern JavaScript frameworks like Vue.js. Scalable Vector Graphics (SVG) is one of the most useful and versatile tools at a frontend developer’s disposal. ![]() He's also the creator of Quina, a strategic logical word game app, and co-creator of Thomas, a small child. Josh Collinsworth Follow Josh Collinsworth is a senior frontend developer at Shopify. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |