01
SVG foundations
The SVG viewBox is a coordinate map, not a canvas size.
A reliable mental model for viewport dimensions, user units, aspect-ratio fitting, nested transforms, and responsive SVG sizing.
Read articleBlog
Blog
Technical articles about SVG structure, geometry, rendering, accessibility, and production.
Newest blog posts appear first.
02
Path geometry
SVG path data is a small drawing language with state.
Understand the current point, subpaths, curve controls, arc flags, closure, fill rules, and precision before changing path numbers.
Read article03
Production SVG
A smaller SVG is useful only if it remains the same graphic.
Treat optimization as a tested transformation of geometry, styling, references, accessibility, and trust boundaries—not as blind text removal.
Read article