Comment Comment by simonw The advent calendar UI is nice but makes it hard to quickly browse the available content. Here's a full list of the articles:- How to Draw Basic Shapes with SVG - https://svg-tutorial.com/svg/basic-shapes- How to Build a Christmas Tree with SVG - https://svg-tutorial.com/svg/polygon- How to Make a Gingerbread Figure with SVG - https://svg-tutorial.com/svg/gingerbread-figure- How to Build a House with SVG - https://svg-tutorial.com/svg/house- How to use clip-path with SVG - https://svg-tutorial.com/svg/clip-path- How to Draw a Basic Path with SVG - https://svg-tutorial.com/svg/basic-path- How to Draw a Star with SVG - https://svg-tutorial.com/svg/transform- How to Draw a Snowflake with SVG - https://svg-tutorial.com/svg/use- How to Draw a Forest with SVG - https://svg-tutorial.com/svg/forest- How to Use Gradients with SVG - https://svg-tutorial.com/svg/gradient- How to Draw Quadratic Bézier Curves with SVG - https://svg-tutorial.com/svg/quadratic-bezier- How to Draw Cubic Bézier Curves with SVG - https://svg-tutorial.com/svg/cubic-bezier- How to Draw a Bell with SVG - https://svg-tutorial.com/svg/bell- How to Draw an Arc with SVG - https://svg-tutorial.com/svg/arc- How to Draw a Ribbon with SVG - https://svg-tutorial.com/svg/ribbon- How to Draw a Bear with SVG - https://svg-tutorial.com/svg/bear- How to Draw Text Along a Path with SVG - https://svg-tutorial.com/svg/text-path- How to Animate Along a Path with SVG - https://svg-tutorial.com/svg/path-based-animation- How to Add Animation on Hover of an SVG element - https://svg-tutorial.com/svg/animation-on-hover- How to Animate a Snowing effect with SVG and CSS - https://svg-tutorial.com/svg/snowing- How to Create Background Patterns with SVG and CSS - https://svg-tutorial.com/svg/background-pattern- How to Draw a Clock with SVG and JavaScript that Shows the Actual Time - https://svg-tutorial.com/svg/clock- How to Add Interaction to SVG elements with JavaScript - https://svg-tutorial.com/svg/interaction- How to Generate an SVG Diagram from JavaScript - https://svg-tutorial.com/svg/data-driven-diagram- How to Break Down an SVG Image into Multiple Components - https://svg-tutorial.com/svg/multiple-componentsGenerated by running this in Firefox DevTools: copy(Array.from(document.querySelectorAll('.day'), el => { const title = el.querySelector('.title').textContent; const url = el.href; return `- ${title} - ${url}` }).join('\n\n')) parent simonw 2 years ago
- How to Draw Basic Shapes with SVG - https://svg-tutorial.com/svg/basic-shapes
- How to Build a Christmas Tree with SVG - https://svg-tutorial.com/svg/polygon
- How to Make a Gingerbread Figure with SVG - https://svg-tutorial.com/svg/gingerbread-figure
- How to Build a House with SVG - https://svg-tutorial.com/svg/house
- How to use clip-path with SVG - https://svg-tutorial.com/svg/clip-path
- How to Draw a Basic Path with SVG - https://svg-tutorial.com/svg/basic-path
- How to Draw a Star with SVG - https://svg-tutorial.com/svg/transform
- How to Draw a Snowflake with SVG - https://svg-tutorial.com/svg/use
- How to Draw a Forest with SVG - https://svg-tutorial.com/svg/forest
- How to Use Gradients with SVG - https://svg-tutorial.com/svg/gradient
- How to Draw Quadratic Bézier Curves with SVG - https://svg-tutorial.com/svg/quadratic-bezier
- How to Draw Cubic Bézier Curves with SVG - https://svg-tutorial.com/svg/cubic-bezier
- How to Draw a Bell with SVG - https://svg-tutorial.com/svg/bell
- How to Draw an Arc with SVG - https://svg-tutorial.com/svg/arc
- How to Draw a Ribbon with SVG - https://svg-tutorial.com/svg/ribbon
- How to Draw a Bear with SVG - https://svg-tutorial.com/svg/bear
- How to Draw Text Along a Path with SVG - https://svg-tutorial.com/svg/text-path
- How to Animate Along a Path with SVG - https://svg-tutorial.com/svg/path-based-animation
- How to Add Animation on Hover of an SVG element - https://svg-tutorial.com/svg/animation-on-hover
- How to Animate a Snowing effect with SVG and CSS - https://svg-tutorial.com/svg/snowing
- How to Create Background Patterns with SVG and CSS - https://svg-tutorial.com/svg/background-pattern
- How to Draw a Clock with SVG and JavaScript that Shows the Actual Time - https://svg-tutorial.com/svg/clock
- How to Add Interaction to SVG elements with JavaScript - https://svg-tutorial.com/svg/interaction
- How to Generate an SVG Diagram from JavaScript - https://svg-tutorial.com/svg/data-driven-diagram
- How to Break Down an SVG Image into Multiple Components - https://svg-tutorial.com/svg/multiple-components
Generated by running this in Firefox DevTools: