SVG Tutorial
Here's a Christmas themed SVG tutorial https://svg-tutorial.com/. I found it on the Frontend Weekly digest on Medium, a great resource for frontend design https://frontender-ua.medium.com/frontend-weekly-digest-339-27-november-3-december-2023-d6a0cec32f53tend
SVG Tutorial
SVG Tutorial: Learn how to create SVG images, shapes, animations, a...
Explore the fundamentals of Scalable Vector Graphics (SVG). Learn how to create and manipulate SVG images with JavaScript, animatie them with CSS. Or turn things around and generate graphics from code.
1 Reply
This is rad! Thanks! I also discovered a companion video: https://youtu.be/kBT90nwUb_o?si=vKyRueBqA5hpWHr9
Hunor Márton Borbély
YouTube
Learn SVG through 24 examples
In this SVG tutorial, we go through the source code of 24 SVGs from simple to more complex ones. We cover basic shapes, quadratic and cubic Bézier curves, arcs, how to use groups to transform part of an image, and some fun examples on how to animate SVG with CSS and how to make them interactive with JavaScript.
You can find all the source codes...