Refind
×

SVG

Collection by Marius Bleuer

twitter.com

JavaScript is not available.

Jun 22nd · 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 read · 2021-11-02 · 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?
Reader View · Shared by 15, including Marius Bleuer
svg
optimisation
twitter.com

Ahmad Shadeed auf Twitter: "✍️ Star Rating: An SVG Solution I wrote about implementing star rating with SVG by taking…

2021-08-18 · 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

2021-05-06 · Tool to create, inspect and export SVG filters.
Shared by 6, including Marius Bleuer
getwaves.io

Get Waves – Generate SVG waves for your designs

From 2019 · 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 182, including Mohamed Azazy, Veerle Pieters, L. Taylor Banks, Arti Villa, René Clausen Nielsen, Davy De Pauw, Jess 🇺🇦, Marius Bleuer, mitimiti, Fabricio Teixeira, Design Shack, Michael Sumner, sascha aßbach, David Hellmann, Ferit (at 🏠) 🌙, Sachin Gawas, Nico Müller 🇺🇦, Boris Périsset, Charles Baldwin, Tomas Vestenicky
svg
visual design
waves
Smashing Magazine 🇺🇦

SVG Generators — Smashing Magazine

~15 min read · 2021-03-29 · 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.
Reader View · Shared by 146, including Abel Caballero Díaz, Tarik ESSAADI, Axel Rauschmayer, Evan (he/him), Ⓓarío Macchi, Marius Bleuer, Ceferino Díaz
design
svg
vector
svg-path-visualizer.netlify.app

SVG Path Visualizer 📐

From 2020 · 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 29, including Stéphanie Walter, Chris Heilmann, Chris Coyier, Zain Fathoni, Oscar MacDonald, Marius Bleuer
svg
wattenberger.com

Amelia Wattenberger

From 2020
Shared by 19, including Cameron Yick, Marius Bleuer
blogs.akamai.com

Accelerate SVG Delivery with Ion (A2)

3 min read · From 2020 · 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…
Reader View · Shared by 4, including Marius Bleuer
CSS-Tricks

Animate a Blob of Text with SVG and Text Clipping

4 min read · From 2019 · 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
Reader View · Shared by 39, including David Hellmann, Marius Bleuer, Benoist Lawniczak, Una 👩🏻‍💻🇺🇦, Michael Sumner, CSS Winner
css
svg
DEV Community 👩‍💻👨‍💻

A new technique for making responsive, JavaScript-free charts

9 min read · From 2020 · There are countless libraries for generating charts on the web. Each serves a slightly different nich...
Reader View · Shared by 70, including Evan (he/him), Benoist Lawniczak, Chris Heilmann, Ferit (at 🏠) 🌙, Marius Bleuer
javascript
CSS-Tricks

The Many Ways to Link Up Shapes and Images with HTML and CSS

5 min read · From 2019 · 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
Reader View · Shared by 24, including sascha aßbach, Marius Bleuer, henrik, Chris Coyier, Chris Heilmann
css
click
images
MDN Web Docs

paint-order

2 min read · From 2019 · The paint-order attribute specifies the order that the fill, stroke, and markers of a given shape or text element are painted.
Reader View · Shared by 9, including Marius Bleuer, THAT @REM SHOW
Get smarter every day.
About RefindDeep DivesTopicsHashtagsHelpLegal
PublishersCuratorsCross-promotionSponsors
© 2022 Refind Inc.
Apple App StoreGoogle Play StoreChrome Web Store
×

Get smarter every day

Every day we pick 7 links from around the web for you, tailored to your interests.

Or sign in with Twitter or Google


Have an account? Sign in

×

Get smarter every day

Every day we pick 7 links from around the web for you, tailored to your interests.

Or sign in with Twitter or Google


Not on Refind yet? Sign up

×

Share SVG

https://refind.com/mbleuer/svg