Piero Bosio Social Web Site Personale

🆕 blog! “Stupidly Simple SVG Sparklines”A sparkline is a little line-graph with no axes or other unnecessary details. They're useful for getting quick understanding of what the data is showing.They're also really easy to create programmatically.This uses the SVG "polyline" which takes a list of x,y co-ordinate pairs. But can you spot the small problem?<svg…👀 Read more: https://shkspr.mobi/blog/2026/05/stupidly-simple-svg-sparklines/⸻#svg #tutorial

SVG filters guide: getting started with the basics. @anatudor walks through the fundamentals of SVG filters, from setting up the <svg> and <filter> elements to understanding filter regions, primitive subregions, and color interpolation. The guide covers how primitives are chained, when to use result, in, and in2 attributes, and the difference between filterUnits and primitiveUnits for responsive effects. #svg #filterhttps://frontendmasters.com/blog/svg-filters-guide-getting-started-with-the-basics/

SVGs on the web: performance comparison based on how you load them. @nucliweb compares five loading methods and how each affects caching, requests, and rendering: inline <svg>, <img>, <object>, CSS background, and sprites with <use>. A key anti-pattern: embedding raster images as base64 inside SVGs increases file size by 33% and blocks rendering. #svg #performancehttps://joanleon.dev/en/svg-optimization/

@oblomov @jesuisatire @studi0And if I remember correctly OpenClipart hosts Public Domain svgs. I'm a proud contributor since long.