Recent searches

No recent searches

Search options

Only available when logged in.
shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.

Administered by:

Server stats:

269
active users

shakedown.social: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.0

#svg

4 posts4 participants0 posts today
Mary Holstege<p><a href="https://mastodon.social/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GenerativeArt</span></a> interlude</p><p>Looping through a grid</p><p><a href="https://mastodon.social/tags/XQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>XQuery</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a></p>
Ronan<p>This amazing tool is still live. Save a <a href="https://mastodon.green/tags/map" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>map</span></a> of all roads in an area or city as <a href="https://mastodon.green/tags/png" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>png</span></a> or vector <a href="https://mastodon.green/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svg</span></a>. <br><a href="https://anvaka.github.io/city-roads/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">anvaka.github.io/city-roads/</span><span class="invisible"></span></a></p>
Martin Owens :inkscape:<p>I love the very rare <a href="https://floss.social/tags/game" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>game</span></a> in <a href="https://floss.social/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svg</span></a> </p><p><a href="https://upload.wikimedia.org/wikipedia/commons/9/9b/SMIL_missile_demo.svg" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">upload.wikimedia.org/wikipedia</span><span class="invisible">/commons/9/9b/SMIL_missile_demo.svg</span></a></p><p>It's not even javascript, it's just SMIL animation with triggers.</p>
Bill<p>I love SVGs as vectors for injection.</p><p><a href="https://seclists.org/fulldisclosure/2025/Jul/2" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">seclists.org/fulldisclosure/20</span><span class="invisible">25/Jul/2</span></a></p><p><a href="https://infosec.exchange/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svg</span></a> <a href="https://infosec.exchange/tags/injection" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>injection</span></a></p>
Ana Tudor 🐯<p>2️⃣ `feColorMatrix`: swap channels ☆ interactive demo, adaptive layout - check it out on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span> <a href="https://codepen.io/thebabydino/full/QWopRMK" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/full/QW</span><span class="invisible">opRMK</span></a></p><p>An interactive, responsive demo illustrating how `feColorMatrix` can be used to swap channels. Another very special one.</p><p><a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/interactive" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>interactive</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssGrid</span></a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssLayout</span></a> </p><p>Behind the demo <a href="https://mastodon.social/@anatudor/112242678457752295" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.social/@anatudor/1122</span><span class="invisible">42678457752295</span></a></p>
Ana Tudor 🐯<p>I wrote a new article for Frontend Masters: Step Gradients with a Given Number of Steps!</p><p>Consider this problem: you are given 2 hex codes + a number of steps. How would you code a step gradient? Think about it, then see my solution <a href="https://frontendmasters.com/blog/step-gradients-with-a-given-number-of-steps/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/step-</span><span class="invisible">gradients-with-a-given-number-of-steps/</span></a></p><p>Hope you enjoy, a lot of work went into it.</p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssGradient</span></a></p>
Jürgen Hubert<p>Here is the fourth iteration of my <a href="https://mementomori.social/tags/FediCard" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediCard</span></a> . The idea is to hand these out at <a href="https://mementomori.social/tags/protests" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>protests</span></a> , political organizations, and anywhere else where people might be receptive to leaving corporate social media behind.</p><p>The QR code links to @_elena 's explanatory video of the <a href="https://mementomori.social/tags/Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> .</p><p>In this iteration, I have included some variants for different front and back sides. There is a front side specifically made for the <a href="https://mementomori.social/tags/NoKings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NoKings</span></a> protests.</p><p>I've also made various back sides that either lead to the "landing page" of different systems, or which list the user name of specific users (in this case me). You could put your own user name there, and use this to connect to other Fediverse users in the real world.</p><p>For the next step I need some more <a href="https://mementomori.social/tags/FediHelp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediHelp</span></a> feedback:</p><p>1. Are there any other "landing sites" for major <a href="https://mementomori.social/tags/Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> systems I should add? I mean "landing sites" in the sense that you can pick a specific server, _not_ how to host your own, since I want to make joining the Fediverse as simple as possible for newbies.</p><p>2. Are there any <a href="https://mementomori.social/tags/GraphicDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GraphicDesign</span></a> issues that I need to take care of with these pages?</p><p>3. If you have <a href="https://mementomori.social/tags/Inkscape" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Inkscape</span></a> (you can download it at <a href="https://inkscape.org/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">inkscape.org/</span><span class="invisible"></span></a> ), can you check if you have any problems with modifying the <a href="https://mementomori.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> files for your own purposes? (Such as making a back side with your own user name.)</p><p>Once I am satisfied with this version, I will make a variant with the American 3.5×2 inch size - the current version uses the European 85x55 mm standard.</p><p>I am also willing to make translations for other languages but (unless the text is in German) you will have to provide a translation. I am further willing to make variants for specific protests.</p><p>Although it is my hope that people will use the files and ideas I have provided, and come up with their own variants.</p><p><a href="https://kai.nl.tab.digital/s/fc9rHL6wxfxP8Rp" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kai.nl.tab.digital/s/fc9rHL6wx</span><span class="invisible">fxP8Rp</span></a></p>
yPhil<p>For the <a href="https://mstdn.social/tags/Emulsion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Emulsion</span></a> <a href="https://mstdn.social/tags/GUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GUI</span></a> I drew *every* <a href="https://mstdn.social/tags/Game" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Game</span></a> platform / console / machine <a href="https://mstdn.social/tags/gamecontroller" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamecontroller</span></a> in <a href="https://mstdn.social/tags/inkscape" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>inkscape</span></a> ; Tonight, the <a href="https://mstdn.social/tags/Nintendo64" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Nintendo64</span></a> ; This one was REALLY tricky 🙂 what do you think?</p><p>Please :boost_animated: <a href="https://mstdn.social/tags/boost" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>boost</span></a> <a href="https://mstdn.social/tags/Emulsion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Emulsion</span></a> needs <a href="https://mstdn.social/tags/you" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>you</span></a> </p><p><a href="https://mstdn.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mstdn.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieDev</span></a> <a href="https://mstdn.social/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamedev</span></a> <a href="https://mstdn.social/tags/retrogaming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>retrogaming</span></a> <a href="https://mstdn.social/tags/emulation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>emulation</span></a> <a href="https://mstdn.social/tags/gaming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gaming</span></a> <a href="https://mstdn.social/tags/game" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>game</span></a> <a href="https://mstdn.social/tags/linux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>linux</span></a> <a href="https://mstdn.social/tags/floss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>floss</span></a> </p><p>🤖 View the complete <a href="https://mstdn.social/tags/gamecontroller" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamecontroller</span></a> series here 💎 </p><p>:potion_bisexual: GET EMULSION!</p><p>🌐 <a href="https://yphil.gitlab.io/emulsion/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">yphil.gitlab.io/emulsion/</span><span class="invisible"></span></a><br>:gitlab: <a href="https://gitlab.com/yphil/emulsion" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">gitlab.com/yphil/emulsion</span><span class="invisible"></span></a></p>
Jürgen Hubert<p>Here is the third iteration of my <a href="https://mementomori.social/tags/FediCard" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediCard</span></a> . The idea is to hand these out at <a href="https://mementomori.social/tags/protests" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>protests</span></a> , political organizations, and anywhere else where people might be receptive to leaving corporate social media behind.</p><p>The QR code links to @_elena 's explanatory video of the <a href="https://mementomori.social/tags/Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> .</p><p>I do have some ideas for variants - including one for the upcoming <a href="https://mementomori.social/tags/July4th" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>July4th</span></a> protests, or back sides linking to different onboarding sites - but before doing them I want to get the basic <a href="https://mementomori.social/tags/GraphicDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GraphicDesign</span></a> right.</p><p>A question, though: Can someone test the <a href="https://mementomori.social/tags/Inkscape" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Inkscape</span></a> <a href="https://mementomori.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> files to see if they can open and modify them on their own devices? I want to encourage modification, after all.</p><p><a href="https://drive.google.com/drive/folders/1JxwrLkpvuBaAcRMLFoEjbIXJnhO-bs3r" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">drive.google.com/drive/folders</span><span class="invisible">/1JxwrLkpvuBaAcRMLFoEjbIXJnhO-bs3r</span></a></p>
Jürgen Hubert<p>Okay, here is the second iteration of my <a href="https://mementomori.social/tags/FediCard" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediCard</span></a> . The idea is to hand these out at <a href="https://mementomori.social/tags/protests" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>protests</span></a> , political organizations, and anywhere else where people might be receptive to leaving corporate social media behind.</p><p>The QR code links to <span class="h-card" translate="no"><a href="https://mastodon.social/@_elena" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>_elena</span></a></span> 's explanatory video of the <a href="https://mementomori.social/tags/Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> .</p><p>The layout is for European-standard 85x55mm business cards, but in order to encourage modification I have also made the <a href="https://mementomori.social/tags/Inkscape" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Inkscape</span></a> <a href="https://mementomori.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> files available. I am also willing to whip up custom variants for specific needs.</p><p>I am also open for suggestions for improvement - my own <a href="https://mementomori.social/tags/GraphicDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GraphicDesign</span></a> skills are pretty mediocre.</p><p><a href="https://drive.google.com/drive/folders/1JxwrLkpvuBaAcRMLFoEjbIXJnhO-bs3r" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">drive.google.com/drive/folders</span><span class="invisible">/1JxwrLkpvuBaAcRMLFoEjbIXJnhO-bs3r</span></a></p>
Oblomov<p>Since you folks seem to have appreciate the logo, I've put up a short write-up on it and its context, including the possibility to download the <a href="https://sociale.network/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> source of the logo itself.</p><p>EDIT for language.</p><p><a href="https://wok.oblomov.eu/tecnologia/ai-signal/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">wok.oblomov.eu/tecnologia/ai-s</span><span class="invisible">ignal/</span></a></p>
Jürgen Hubert<p>Okay here is my very simple concept for a <a href="https://mementomori.social/tags/FediCard" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediCard</span></a> - a "business card" that encourages people to join the <a href="https://mementomori.social/tags/Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fediverse</span></a> and links to <span class="h-card" translate="no"><a href="https://mastodon.social/@_elena" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>_elena</span></a></span> 's explanatory video.</p><p>My idea is that people can hand these out at <a href="https://mementomori.social/tags/protests" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>protests</span></a>, political organizations, and so forth - where politically active people gather who already have had bad experiences with commercial social media.</p><p>The back side could be customized further to list an instance which is most relevant to the place where you want to share them - for example, I want to print a variant for the gruene.social <a href="https://mementomori.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a> instance.</p><p>I will certainly try to apply my meagre <a href="https://mementomori.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> skills to make this more appealing, but first I wanted to hear what you all think of this concept, and what your suggestions for improvement are.</p><p>(Note: If you want to play around with the design, I have made it available in <a href="https://mementomori.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> / <a href="https://mementomori.social/tags/Inkscape" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Inkscape</span></a> format. The template has the 85 x 55 mm size for European business cards, so you will want to adjust it for other regions.)</p><p><a href="https://mementomori.social/tags/FediHelp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediHelp</span></a></p><p>EDIT: The new folder for the FediCard is here:</p><p><a href="https://kai.nl.tab.digital/s/fc9rHL6wxfxP8Rp" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kai.nl.tab.digital/s/fc9rHL6wx</span><span class="invisible">fxP8Rp</span></a></p>
yPhil<p>For the <a href="https://mstdn.social/tags/Emulsion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Emulsion</span></a> <a href="https://mstdn.social/tags/GUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GUI</span></a> I drew *every* <a href="https://mstdn.social/tags/Game" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Game</span></a> platform / console / machine <a href="https://mstdn.social/tags/gamecontroller" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamecontroller</span></a> in <a href="https://mstdn.social/tags/inkscape" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>inkscape</span></a> ; Tonight, the <a href="https://mstdn.social/tags/Sony" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Sony</span></a> <a href="https://mstdn.social/tags/Playstation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Playstation</span></a> ; This one was REALLY tricky 🙂 what do you think?</p><p>Please :boost_animated: <a href="https://mstdn.social/tags/Emulsion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Emulsion</span></a> needs <a href="https://mstdn.social/tags/you" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>you</span></a> </p><p><a href="https://mstdn.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mstdn.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieDev</span></a> <a href="https://mstdn.social/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamedev</span></a> <a href="https://mstdn.social/tags/retrogaming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>retrogaming</span></a> <a href="https://mstdn.social/tags/emulation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>emulation</span></a> <a href="https://mstdn.social/tags/gaming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gaming</span></a> <a href="https://mstdn.social/tags/linux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>linux</span></a> <a href="https://mstdn.social/tags/floss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>floss</span></a> </p><p>🤖 View the complete <a href="https://mstdn.social/tags/gamecontroller" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamecontroller</span></a> series here 💎 </p><p>:potion_bisexual: GET EMULSION!</p><p>🌐 <a href="https://yphil.gitlab.io/emulsion/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">yphil.gitlab.io/emulsion/</span><span class="invisible"></span></a><br>:gitlab: <a href="https://gitlab.com/yphil/emulsion" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">gitlab.com/yphil/emulsion</span><span class="invisible"></span></a></p>
Emily_S<p>[edit: SOLVED!]</p><p>Ok svg or other vector art experts, I've got a question for y'all</p><p>I've got a pattern generated from a bunch of overlapping path objects (see link for example) </p><p>I want to split it into each of the visually component polygons so that I can feed them into a cutting machine at a scale where it doesn't fit on a single sheet. see example in the picture but I want all of the sub polygons if I can</p><p><a href="http://parsecsreach.org/circle_shapes/?shapes=W3siYyI6OCwiciI6NjUsIm8iOjAsImEiOjY1LCJ1IjoxNiwiZSI6MCwibCI6IiMwMDAwMDAifV0%3D" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">http://</span><span class="ellipsis">parsecsreach.org/circle_shapes</span><span class="invisible">/?shapes=W3siYyI6OCwiciI6NjUsIm8iOjAsImEiOjY1LCJ1IjoxNiwiZSI6MCwibCI6IiMwMDAwMDAifV0%3D</span></a></p><p><a href="https://mastodon.me.uk/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svg</span></a> <a href="https://mastodon.me.uk/tags/inkscape" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>inkscape</span></a></p>
Mary Holstege<p><a href="https://mastodon.social/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GenerativeArt</span></a> interlude</p><p>A tearing of the sky</p><p><a href="https://mastodon.social/tags/XQuery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>XQuery</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeCoding</span></a></p>
Terence Eden<p>🆕 blog! “An annoying SVG animation bug in Chrome”</p><p>Writing web standards is hard. You have to write a formal specification which is useful for machines, humans, and web developers.</p><p>I recently stumbled across what I think is a little bug which might be caused by a misreading of the SVG Animation specification. Here you should see two overlapping circles gradually…</p><p>👀 Read more: <a href="https://shkspr.mobi/blog/2025/06/an-annoying-svg-animation-bug-in-chrome/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">shkspr.mobi/blog/2025/06/an-an</span><span class="invisible">noying-svg-animation-bug-in-chrome/</span></a><br>⸻<br><a href="https://mastodon.social/tags/bug" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bug</span></a> <a href="https://mastodon.social/tags/chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>chrome</span></a> <a href="https://mastodon.social/tags/chromium" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>chromium</span></a> <a href="https://mastodon.social/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svg</span></a></p>
WhimsySparkCreations2 layer gargoyle svg finished this week. <br> <br> <a href="https://whimsysparkcreations.etsy.com/listing/4322347707" rel="nofollow noopener" target="_blank">https://whimsysparkcreations.etsy.com/listing/4322347707</a><br> <a href="https://pixelfed.social/discover/tags/handmade?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#handmade</a> <a href="https://pixelfed.social/discover/tags/gothdecor?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#gothdecor</a> <a href="https://pixelfed.social/discover/tags/svg?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#svg</a> <a href="https://pixelfed.social/discover/tags/artsandcrafts?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#artsandcrafts</a> <a href="https://pixelfed.social/discover/tags/lasercut?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#lasercut</a>
Vectoranger<p>Arsenal FC Logo SVG Bundle<br><a href="https://mastodon.social/tags/vectoranger" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vectoranger</span></a> <a href="https://mastodon.social/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svg</span></a> <a href="https://mastodon.social/tags/svgcricut" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgcricut</span></a> <a href="https://mastodon.social/tags/cricut" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cricut</span></a> <a href="https://mastodon.social/tags/cutfile" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cutfile</span></a> <a href="https://mastodon.social/tags/cameo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cameo</span></a> <a href="https://mastodon.social/tags/silhouette" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>silhouette</span></a> <a href="https://mastodon.social/tags/silhouettecameo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>silhouettecameo</span></a> <a href="https://mastodon.social/tags/fc" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fc</span></a> <a href="https://mastodon.social/tags/arsenal" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>arsenal</span></a> <br><a href="https://vectoranger.com/product/arsenal-fc-logo-svg-bundle/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">vectoranger.com/product/arsena</span><span class="invisible">l-fc-logo-svg-bundle/</span></a></p>
Ana Tudor 🐯<p>I have a new article out <a href="https://frontendmasters.com/blog/grainy-gradients/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/grain</span><span class="invisible">y-gradients/</span></a></p><p>It's about a better technique to create grainy gradients, without the big problem that layering a noise layer brings: altering the original gradient palette (to a greater or lesser extent, depending on the approach used).</p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/grainy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>grainy</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a></p>
Sara Soueidan<p>Friends, where can I find an SVG version of the <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> and <a href="https://front-end.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> logos?</p><p>And is there a "Web accessibility" logo that I somehow missed? maybe one that has been adopted by the W3C?</p><p>cc <span class="h-card" translate="no"><a href="https://mastodon.social/@Kilian" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Kilian</span></a></span> since you have the HTML logo sitting next to the CSS logo in your blog post 🫶🏻</p>
TrendingLive feeds
About