Hi there! This repository includes materials for a workshop on Scalable Vector Graphics, first delivered on June 2019 at the soap! conference in beautiful Kraków, Poland.
- Scalable: rendered in any size and resolution
- Created by drawing vectors that have strokes and fills
- XML-based: easily translated
- Can be controlled with CSS and JavaScript
1_coding_shapesincludes examples of SVG syntax.2_screenshotsshows how an SVG can add vector overlays over a raster image.3_containershas examples of how SVG files behave when included in different HTML container elements.4_linksshows examples of hyperlinks inside SVG code.5_interactivehas a simple example of an SVG with javascript-enabled interactivity.6_responsive_1and6_responsive_2have examples of responsive graphics.