Build a Heart Icon
Creating the Heart Icon This workshop moves theory into practice. After learning about working with images and SVGs, the task is to create a heart icon using t...
Creating the Heart Icon This workshop moves theory into practice. After learning about working with images and SVGs, the task is to create a heart icon using t...
The Motivation As developers, we use SVGs daily. But I realized that most 'quick' online editors or optimizers follow a common pattern: they are either bloated...
Wanted to work with some masking, so I created a payment form using vanilla JS and the imask.js library. The form uses regex patterns to detect the credit‑card...
!Cover image for SVG vs PNG vs WebP: Choosing the Right Image Format for Performance & SEOhttps://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gr...
Quick Summary js-draw is a freehand drawing library for JavaScript and TypeScript. It lets users create and manipulate drawings with an extremely wide zoom ran...
Introduction This tutorial explains how to convert PDF files to SVG in C using the hosted BuildVu Cloud API, including examples such as: - The IDRsolutions tri...
!Cover image for SVG Optimizer: Clean & Compress SVG Files Without Breaking Themhttps://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto...
This is the second tutorial in our Snap.svg series. In the first part we learned how to build hierarchical SVG structures with g, g_a, and Snap.FORCE_AFTER. Now...
Article URL: https://github.com/icitry/SVGWebsite Comments URL: https://news.ycombinator.com/item?id=46270597 Points: 8 Comments: 1...
Article URL: https://jon.recoil.org/blog/2025/12/an-svg-is-all-you-need.html Comments URL: https://news.ycombinator.com/item?id=46235959 Points: 10 Comments: 1...
!Cover image for 10 Cool CodePen Demos November 2025https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fd...