For the #Emulsion #GUI I drew *every* #Game platform / console / machine #gamecontroller in #inkscape ; Tonight, the #Sony #Playstation ; This one was REALLY tricky 
what do you think?
#SVG #IndieDev #gamedev #retrogaming #emulation #gaming #linux #floss
View the complete #gamecontroller series here 
GET EMULSION!
https://yphil.gitlab.io/emulsion/
https://gitlab.com/yphil/emulsion
Ok svg or other vector art experts, I've got a question for y'all
I've got a pattern generated from a bunch of overlapping path objects (see link for example)
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
I don't think getting consistency with SVG's filters is going to be a problem. None of the implementations for em and ex are consistent. Percent is broken in a couple too, including Inkscape.
@federicomena Let me know if you want the SVG test file.
blog! “An annoying SVG animation bug in Chrome”
Writing web standards is hard. You have to write a formal specification which is useful for machines, humans, and web developers.
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…
Read more: https://shkspr.mobi/blog/2025/06/an-annoying-svg-animation-bug-in-chrome/
⸻
#bug #chrome #chromium #svg
`vello_svg`, https://github.com/linebender/vello_svg.
An integration to render SVG files with Vello.
Play with it in the browser, https://linebender.org/vello_svg/.
OK, turns out the issue is the *trailing* semicolon.
Am I being thick here? The spec says:
> If the last semicolon separator is followed by either just white space or no more characters, ignore both the separator and the trailing white space.
The formal definition is
`<number> [; <number>]* ;?`
Which, to me, says the trailing semicolon is optional. Right?
Should I raise this as a bug with Chrome - or am I being thick?
"The Ultimate Social Media Size Guide"
Download ready-to-use #SVG templates with safe zones for any size. Filter by platform and content type, then copy a direct link to share with clients and designers for easy collaboration.
The displacement trick to make gradients grainy can also be used wherever we want to make a fade effect grainy - for example if we want to have grainy fade shadows.
You can check out such a case in this @codepen demo https://codepen.io/thebabydino/pen/MWPZNMw
(heavily commented #filter)
A big problem when the #noise is just layered on top of a #gradient is that this alters its palette - to a greater or lesser extent, depending on the noise alpha & on the blend mode used - you can see it in this interactive @codepen demo https://codepen.io/thebabydino/full/qEdbEQZ
(heavily commented, btw)
Decreasing the alpha of the noise overlay is two edged.
You can find all CodePen demos created for or mentioned in the article in this @codepen collection https://codepen.io/collection/rBaKPG
Grainy Gradients: "This is about reducing banding effects in gradients by introducing noise. A nice approach is a displacement map using #SVG filters." #CSS https://frontendmasters.com/blog/grainy-gradients/
Saw https://mastodon.social/@codepo8@toot.cafe/114705664551095252
Since that logo is a 12KB complicated .svg, I recreated something of the kind on @codepen with #HTML + #CSS + an extrusion #SVG #filter https://codepen.io/thebabydino/pen/zxGJJzX
... with under 10% the total amount of code! 
Turn black to red CSS linear gradient into step one with a super simple #SVG #filter: interactive demo allowing to drag a slider to change the number of steps n and see how the visual result and relevant part of the filter code change.
@codepen demo https://codepen.io/thebabydino/full/NPWmorj
Feedback?
Things that shouldn't trip me, but they have...
feComposite has a lighter operator
feBlend has a lighten mode
It took me about 20 minutes to figure out why mode='lighter' wasn't blending anything... 
SVG-Dateien können Malware enthalten
Vorsicht bei Mailanhängen
Mehr dazu bei https://www.heise.de/news/E-Mail-Sicherheit-Verstaerkte-Angriffe-mit-SVG-10444330.html
a-fsa.de/d/3HF
Link zu dieser Seite: https://www.aktion-freiheitstattangst.org/de/articles/9188-20250617-svg-dateien-koennen-malware-enthalten.html
Link im Tor-Netzwerk: http://a6pdp5vmmw4zm5tifrc3qo2pyz7mvnk4zzimpesnckvzinubzmioddad.onion/de/articles/9188-20250617-svg-dateien-koennen-malware-enthalten.html
Tags: #Cyberwar #Hacking #Trojaner #Mailanhänge #SVG #Bilddateien #JavaSkript #Malware #Lauschangriff #Überwachung #Verbraucherdatenschutz #Datenschutz #Datensicherheit
I have a new article out https://frontendmasters.com/blog/grainy-gradients/
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).
Qiita - 人気の記事