What are some of the most useful SVG generators and tools that you’re using a lot? E.g. SVG Path Visualizer https://t.co/Shklwbuj66 JPG/PNG → SVG https://t.co/ijIXZjTwea Generative Doodle Patterns https://t.co/Ej6K0RQKas SVG Repeating Patterns https://t.co/azOHPj0s6t

🔖 Rich animation for the web. GSAP https://t.co/qCtqpXb3Gt SVG.js https://t.co/HNGHCALiXp Lottie https://t.co/pl3szbOq8W svgator https://t.co/84FqoQJ2nf https://t.co/I1gnZUtYWk

A complete guide to SVG generators: everything from SVG shapes and cropping tools to SVG filters, color matrix mixers and SVG to JSX generators.

What boilerplates do you frequently use in your projects? Modern CSS Reset github.com/andy-piccalill… How to Favicon in 2021 css-tricks.com/how-to-favicon… HTML Boilerplate matuzo.at/blog/html-boil… Rimg Snippet stefanjudis.com/snippets/a-pic… HTML Email…

Every once in a while, we publish [freebies](https://www.smashingmagazine.com/category/freebies/) related to different occasions and themes. We hope that with this icon set, every designer will be able to find their own use case and contribute to saving lives.…

Range inputs have notoriously been a pain to style. Each browser renders the input differently requiring you to use vendor prefixes in order to create a cohesive look and feel. In this article, we’ll take a look at the quirkiness of the HTML range input and…

In this article, we’ll be taking a closer look at two gradients: `conic-gradient` and `radial-gradient`. You’ll see how each one of them works in detail, what the differences and similarities are between them, how and where to use them, and some use cases…

How do text typing and editing work on the web? Although this process might seem straightforward, there is a lot of technical nuance behind its apparent simplicity. This article looks at how typing on the web works.