Hero Text

While text in SVG has a number of limitations, at least in the current spec - text can’t be wrapped, and positioning it is more like arranging elements in CSS, rather than the natural “flow” of HTML text - it also has some significant advantages in particular use-cases. Understanding those use-cases, together with the associated SVG text attributes, will allow you to know where and how to employ SVG text in your web page designs.

Vector imagemap of North America

HTML imagemaps were one of the first graphical methods used to navigate complex websites, and continue to retain a number of advantages when they are designed well. One significant drawback of the format in the modern era is that traditional imagemaps are not responsive. Thankfully, can be used to replace this limitation, while bringing a host of new opportunities for site design and UI.