A curated list of the top 10 free icon packs for developers and designers, detailing features, pros, and cons for each.
A tutorial on creating playful generative SVG characters using JavaScript and SVG.js, inspired by a craft project with a child.
A developer outlines her step-by-step process for creating and animating Scalable Vector Graphics (SVGs), from inspiration to final animation.
A developer's journey implementing dynamic Open Graph images for a blog using the Eleventy Image plugin and SVG.
A guide to creatively styling HTML <hr> elements with CSS and SVG, moving beyond plain lines to add visual flair while maintaining semantics.
A guide to creating a serverless visitor counter badge using Azure Functions, including setup, code, and deployment.
A guide on using SVGR to convert SVG icons into React components, covering both manual CLI and automated Webpack methods.
A developer's journey to improve icon usage in web projects, leading to the creation of tools like Icônes and Iconify IntelliSense for better developer experience.
A step-by-step tutorial on building a bar chart from scratch using D3.js, covering core concepts like SVG, scales, and margins.
Explains the core database-like join semantics (Update, Enter, Exit) in D3.js for binding data to DOM elements.
A technical guide on using Eleventy's pagination feature to automatically generate Twitter card images (SVG) for blog posts.
A tutorial on creating custom wavy header designs in React Native apps using the react-native-svg library for scalable vector graphics.
A technical guide explaining SVG path structure and commands to isolate and animate individual elements in a vector graphic using JavaScript.
A CSS tip for selecting SVG elements to ensure they fill width correctly, with a link to a code gist.
A guide to optimizing SVG files for web use, covering manual cleanup and automated tools like SVGOMG to reduce file size.
Explores CSS Motion Path for animating elements along SVG paths using only CSS, with examples and techniques.
A case study on implementing accessible data visualizations using SVG for the Khan Academy 2018 Annual Report website.
A developer's tool for converting SVG path commands between all-relative and all-absolute formats, with a focus on easier path manipulation.
A tutorial series explaining SVG filters, covering various filter primitives like feMorphology and feComponentTransfer for visual effects.
Explains the CSS mask property with a practical demo for dynamically coloring SVG icons using CSS variables and JavaScript.
