#GenerativeArt interlude

The tiling from the subway. You can hear the da-dum da-dum of the train wheels screeching in the dark.

1/n

Really, you can embed HTML in SVG? Really secure image format, there.

https://www.bleepingcomputer.com/news/security/virustotal-finds-hidden-malware-phishing-campaign-in-svg-files/

Guess I need to upgrade my SVG testing game. Sheesh.

https://blog.virustotal.com/2025/09/uncovering-colombian-malware-campaign.html?m=1

It’s a bit frustrating to discover that plain inline SVGs perform better than inline sprites using `<symbol>` .

@tylersticka has an excellent article (https://cloudfour.com/thinks/svg-icon-stress-test/) and test website (https://svg-icon-stress-test.netlify.app/) for this.

Also not noted in the article, but according to Chromium dev tools, the memory heap for the test website is the following:
- zero icons: 9 MB
- 1000 inline SVGs: 16.5 MB
- 1000 symbol sprites: 21.6 MB

pointer-events
Widely available (from Jul 2015)

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/pointer-events

The pointer-events attribute is a presentation attribute that allows defining whether or when an element may be the target of a mouse event.

Nouveau diagramme : une reprise de la célèbre « roue des couleurs » de Moses Harris, la première de son genre, en 1766 !
http://nojhan.net/tfd/roue-des-couleurs.html
Cette version utilise l'espace « sRGB », utilisé de nos jours dans la plupart des écrans. Alors que Harris utilisait des aquarelles, ici, on exploite les ordinateurs dans leur abstraction la plus pure : une description mathématique des formes géométriques et de leurs couleurs... un code source dans le langage SVG.

Hey, I made a thing for this week's complementaries challenge on @codepen: https://codepen.io/thebabydino/details/myeQXjo

(if you're a Ko-fi/Patreon supporter, you may have already seen the pre-prettified version)

The description has a detailed "behind the demo" explanation.

Enjoy!

#SVG #filter #CodePenChallenge #CSS #cssMask #svgFilter #JS #JavaScript
#code #coding #frontend #controls #web #dev #webDev #webDevelopment

A cool single div poster on @codepen https://codepen.io/thebabydino/pen/dyEeVrg

Real text, no duplication at all, not in the markup, not in pseudo content. A single image used for the backdrop, the magic is in a `feColorMatrix` extracting the contrasting red areas to use them for the text split.

For all Ko-fi/ Patreon supporters...

First off, thank you for supporting my work and helping me stay afloat!

And second, something new dropped today...

https://ko-fi.com/post/Blobby-reveal-on-hover-E1E31KKI57

https://www.patreon.com/posts/blobby-reveal-on-137845036

PS: hope you like SVG filters because there's more cooking/ coming soon. Next thing *very* soon because it's functional (even if not pretty yet) & dying to share it.

So... if you only want one end f your #SVG stroke to be rounded, setting a `stroke-linecap` on your element doesn't help.

What can help you however is using a `<marker>`!

Here's a very simple example on @codepen https://codepen.io/thebabydino/pen/GRRQmLv

[solved] I’m looking for options to make the Illustrator SVG export not do this. I can script it in @drawBot of course, make a BezierPath object and draw a glyph to it. And then save as a very clean SVG. Surely there is a way in AI? #svg #mess #path #compression #creativecloud

“An Interactive Guide to SVG Paths” by @joshwcomeau

https://www.joshwcomeau.com/svg/interactive-guide-to-paths/

> The SVG `<path>` element is notoriously tricky. When I first encountered it, I found it totally inscrutable. Its syntax isn’t quite as bad as Regex, but it has the same sort of “what on earth?” vibes.
>
> At the same time, `<path>` elements are also incredibly useful. They’re the only way to create curved shapes in SVG, beyond full ellipses. And once you…

#SVG

️ https://nicolas-hoizey.com/links/2025/08/22/an-interactive-guide-to-svg-paths/

A few days ago, we finally merged an early implementation of link layers (layers linking to external files) into @GIMP.

This has various usages, e.g. the ability to work at several people on a same image by linking a separate document (e.g. someone working on backgrounds and another on characters). Or again when working with different software.

For instance, in this example, the layer links a #SVG file. As soon as it is saved in #Inkscape, #GIMP picks up the updated version automatically:

#capitalism's oldest trick explained by Professor #RichardDWolff at #BreakThroughNews ...
https://youtu.be/8svp1vlhNRQ

#vector #illustration made in #SVG tech and #FreeSoftware like #Inkscape, not #Adobe #Illustrator