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-components

Generated 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

Discussion

Live from the official Hacker News API

A modern reader for Hacker News · SvelteKit + Skeleton