My #SVG #TactileArt homage to #ReadingRainbow. Arcs of braille spelling out each color of the rainbow arch across the page and into an open book, and there is a butterfly in the sky as per the theme song. The braille follows the curves of each arc instead of staying straight, and as they converge into the book, it goes from a text to a textural experience. Grab the color and tactile versions here: https://marconius.com/svg/readingRainbow.html
#svg
2 posts2 participants0 posts today
Adult sites are stashing exploit code inside racy .svg files
Ars Technica · Adult sites use malicious .svg files to rack up likes on Facebook
Replied in thread
My small act of #resistance against the #enshittification of the web today has been to use client-side #XSLT for something different that #RSS styling: generating multiple #SVG plots from the same #XML data:
wokPlotting (to save) XSLTUsing XSLT to transform XML data into SVG plots, Wok style
I couldn't find a good pre-prepared gradient interpolation test which would obviously show the difference between RGB and CMYK interpolation. A lot of ranges look quite similar.
So I did an 5^^8 search for the best range and this one is the top diff with the greatest difference between one of the two colours.
{0.0, 0.75, 0.75, 0.75} to {0.75, 0.0, 0.0, 0.0};
Continued thread
Ten years ago they tried this shit with #SMIL
https://groups.google.com/a/chromium.org/g/blink-dev/c/5o0yiO440LM/m/YGEJBsjUAwAJ
the web standard for JS-less animations and interactions that can be used to build interactive #SVG graphics. That one was luckily aborted. Now it's time to put pressure on them to keep #XSLT in.
groups.google.comIntent to deprecate: SMIL
We have a new person doing the Inkscape challenges this month and I was wondering if you guys would throw them a bit of attention for their first one? Draw a boat using #inkscape 
https://inkscape.org/forums/competitions/inkscape-challenge-august-2025/
inkscape.orgInkscape Challenge | August 2025 - Drawing Challenges, Contests, Competitions - Inkscape Forum
Two of my favorite and most frequently used #SVG tools:
SVG/URL encoder https://yoksel.github.io/url-encoder/
SVG crop https://svgcrop.com
—
I have certainly shared these tools before throughout the years, especially during the period I focused a lot on SVG. I love them and use them so much I wanted to reshare.
yoksel.github.ioURL-encoder for SVG
The “use” element for SVGs seems to be broken in #Firefox. Anyone else run into this issue? #web #development #svg
#GenerativeArt interlude
More looping loopy loops; now with wisps (also with fixed closed Hobby curves: things had been going a little off the rails in some places)
One day at the ribbon factory
I’m More Proud of These 128 Kilobytes Than Anything I’ve Built Since, by (not on Mastodon or Bluesky):
#GenerativeArt interlude
More loops, now with full arcs and some separation from the target circles, and some fixes to some of the cross-over loops
A Friendly Introduction to SVG, by @joshwcomeau:
https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/
www.joshwcomeau.comA Friendly Introduction to SVG • Josh W. ComeauSVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most important fundamentals, and show you some of the ridiculously-cool things we can do with this massively underrated tool. ✨
super interesting article:
simulating hand-drawn motion with #svg filters and #javascript:
https://camillovisini.com/coding/simulating-hand-drawn-motion-with-svg-filters
Camillo VisiniSimulating Hand-Drawn Motion with SVG FiltersA practical guide to implementing the boiling line animation effect using SVG filter primitives and JavaScript - Blog post by Camillo Visini
Ich hab mich eben gewundert, warum in letzter Zeit an Spam-Mails öfter mal SVG-Dateien dranhängen, und mich schlau gemacht: https://news.sophos.com/de-de/2025/02/17/sprunghafter-anstieg-von-phishing-attacken-mit-svg-grafikdateien/ – deshalb.
Sophos News · Sprunghafter Anstieg von Phishing-Attacken mit SVG-GrafikdateienIn einem neuen Report von Sophos X-Ops berichten die Sicherheitsexperten von einem sprunghaften Anstieg von Malware- und Phishing-Angriffen, die mit Hilfe von SVG-Dateien durchgeführt werden. Die C…
Added a customizable 2D vector field plot function for https://thi.ng/viz. Some example outputs attached, code examples forthcoming...
Hackers are now hiding JavaScript inside SVG image files to redirect users to malicious sites, a stealthy new phishing tactic exposed by researchers.
https://hackread.com/attackers-hide-javascript-svg-images-malicious-sites/
Hackread - Latest Cybersecurity, Hacking News, Tech, AI & Crypto · Attackers Hide JavaScript in SVG Images to Lure Users to Malicious SitesFollow us on Bluesky, Twitter (X), Mastodon and Facebook at @Hackread
Decoding the SVG “path” Element: Curve and Arc Commands, by @smashingmag:
https://www.smashingmagazine.com/2025/06/decoding-svg-path-element-curve-arc-commands/
Smashing Magazine · Decoding The SVG path Element: Curve And Arc Commands — Smashing MagazineOn her quest to teach you how to code vectors by hand, Myriam Frisano’s second installment of a `path` deep dive explores the most complex aspects of SVG’s most powerful element. She’ll help you understand the underlying rules and function of how curves and arcs are constructed. By the end of it, your toolkit is ready to tackle all types of tasks required to draw with code — even if some of the lines twist and turn.
