Grab the updated, PDF book version here for free: A Field Guide to Flexbox.

My very first Kickstarter project recently wrapped up and I seem to get a lot of questions on the experience, so I thought I should write a post and share the joys and terrors of it all, as there were several of each.

IMPORTANT NOTE: Since this post was published SMIL animations have been deprecated and the animated demo will no longer work. I decided to leave it up though as the text along a path bit is still relevant.

The <text> element defines a graphic consisting of text. Writing and editing <text> in SVG provides a very powerful ability to create scalable text as graphics that can be easily changed and edited within the SVG code.

Using SVG inline provides total access to the graphic for complete customization and control over its output. This is especially handy when creating shapes by hand in the browser, or making edits to an existing graphic.

I recently wrote a post on understanding SVG viewport and viewBox and figured this would be the perfect follow-up topic to quickly dig a little deeper.