nan.fyi
A Deep Dive Into SVG Path Commands
3 min · · An interactive guide to understanding SVG paths and path commands. · Shared by 200, including pizza.lottie 🍕, Chris Heilmann codepo8@toot.cafe, Marius Bleuer
illustroke.com
Vector illustrations from text prompts AI
· Illustroke allows users to easily create stunning vector illustrations (svg) from text prompts. Simply enter in the text you want to use, and our platform will generate a beautiful, customizable… · Shared by 12, including Marius Bleuer, Sandy.Polygon
twitter.com
JavaScript is not available.
· We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our… · Shared by 5, including Marius Bleuer
twitter.com
JavaScript is not available.
· We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our… · Shared by 8, including Marius Bleuer
cloudfour.com
Which SVG technique performs best for way too many icons?
7 min · · When I started giving talks about SVG back in 2016, I'd occasionally hear a question I never had a great answer for: What if you have a lot of icons on a page? · Shared by 16, including Marius Bleuer
twitter.com
Ahmad Shadeed auf Twitter: "✍️ Star Rating: An SVG Solution I wrote about implementing star rating with SVG by taking…
· We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our… · Shared by 4, including Marius Bleuer
svgfilters.com
SVG Filter Builder
· Tool to create, inspect and export SVG filters. · Shared by 6, including Marius Bleuer
getwaves.io
Get Waves – Generate SVG waves for your designs
· Join over 300,000 others who enjoy Muzli for Chrome & Safari. Muzli is a goldmine of inspiring, beautiful & fresh content, stunningly delivered every time you open up a new tab. Learn more Stay… · Shared by 186, including Mohamed Azazy, Veerle Pieters, L. Taylor Banks, Davy De Pauw, René Clausen Nielsen, Arti Villa, Jess 🇺🇦, Marius Bleuer, mitimiti, Fabricio Teixeira, Design Shack, Jacob du Toit, sascha aßbach, David Hellmann, Ferit (at 🏠) 🌙, Sachin Gawas, Nico Müller 🇺🇦, Boris Périsset, Charles Baldwin, Tomas Vestenicky
Smashing Magazine 🇺🇦 🏳️🌈
SVG Generators — Smashing Magazine
15+ min · · A complete guide to SVG generators — for everything from SVG shapes and cropping tools to SVG filters, color matrix mixers and SVG to JSX generators. · Shared by 145, including Abel Caballero Díaz, Evan (he/him), Axel Rauschmayer (INACTIVE), Essaadi, Ⓓarío Macchi, Marius Bleuer, Ceferino Díaz
svg-path-visualizer.netlify.app
SVG Path Visualizer 📐
· Enter an SVG path data (the string inside the d attribute) to visualize it and discover all its different commandsOr explore some examplesLineTriangleQuadCurveZigZagArcSmoothHeartBanana · Shared by 33, including Stef Walter, Chris Heilmann codepo8@toot.cafe, Chris Coyier, Zain Fathoni, Oscar MacDonald, Marius Bleuer
wattenberger.com
Amelia Wattenberger
· Shared by 19, including Cameron Yick ~ @hydrosquall@vis.social on mastodon, Marius Bleuer
blogs.akamai.com
Accelerate SVG Delivery with Ion (A2)
3 min · · As of March 2020, all Akamai Ion customers will benefit automatically from the more powerful Brotli/Zopfli compression algorithm for delivering their SVG files. The benefit of fewer SVG bytes is a… · Shared by 4, including Marius Bleuer
CSS-Tricks
Animate a Blob of Text with SVG and Text Clipping
4 min · · I came across this neat little animation in a designer newsletter — unfortunately, I lost track of the source, so please give a shout out if you recognize · Shared by 39, including David Hellmann, Marius Bleuer, Michael Sumner, Una 🇺🇦, Benoist Lawniczak, CSS Winner
DEV Community
A new technique for making responsive, JavaScript-free charts
9 min · · There are countless libraries for generating charts on the web. Each serves a slightly different nich... · Shared by 70, including Evan (he/him), Benoist Lawniczak, Chris Heilmann codepo8@toot.cafe, Ferit (at 🏠) 🌙, Marius Bleuer
CSS-Tricks
The Many Ways to Link Up Shapes and Images with HTML and CSS
5 min · · Different website designs often call for a shape other than a square or rectangle to respond to a click event. Perhaps your site has some kind of tilted · Shared by 24, including sascha aßbach, Marius Bleuer, henrik, Chris Coyier, Chris Heilmann codepo8@toot.cafe
Mozilla
paint-order
2 min · · The paint-order attribute specifies the order that the fill, stroke, and markers of a given shape or text element are painted. · Shared by 9, including Marius Bleuer, THAT @REM SHOW