Rough minutes from the #SVG session, if you were interested but couldn't call in:
w3.org/2025/03/26-svg-neglect-…
There will also be a video of Eric's opening presentation.
We didn't come up with any grand solutions in 1 hour, but I think there was a loose consensus on the following priorities:
- Getting a published SVG standard that is consistent with browser SVG implementations.
- Creating a comprehensive test suite to identify interop issues.
- Using smaller feature module specs in future.
A reminder that if you're interested in #SVG and the #WebStandards process, and specifically about trying to get SVG standardization back into gear, there is an open meeting on the topic today. It's hosted by Eric Meyer ( @Meyerweb ) of Igalia, as part of W3C Breakouts Day.
Starts in 5.5 hours. You'll need a w3.org account to sign up; meeting is via zoom with irc chat.
w3.org/events/meetings/09b7b3f…
The World Wide Web Consortium (W3C) is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards.W3C
Over at #Inkscape, we are currently reverse-engineering the file format of Adobe #Illustrator so that we can natively read those files. We’re making good progress, but let me tell you…
.ai files are by a wide margin the most convoluted, confusing, redundant mess I have had the displeasure of working with.
But that‘s what you get when you have 40 years of historical cruft, with no conscious effort of maintaining consistency. We should not make the same mistake with our additions to #SVG.
New entry in my “uses” page:
usvg is an SVG compiler, and one of the most under-appreciated tools I use. It compiles complex SVGs into simpler path-based SVGs. Edge-case SVGs may render incorrectly in some renderers (e.g. librsvg), but compiling them with usvg tends to iron these edge-cases out and make them more compatible. usvg is part of the resvg project, which is the most conformant SVG renderer I know of (and much smaller than librsvg if you include dependencies!).
I’ve sent all the SVGs on seirdy.one through usvg, and rasterized many of the emotes on pleroma.envs.net with resvg.
(sorry for the delete-redraft; I posted the wrong link and the link preview didn’t update when I edited!)
#SVG
My personal IndieWeb site. I write about and develop software to promote user autonomy. Topics include accessibility, security, privacy, and software freedom.Seirdy’s Home
Tangible Art & Design Adventures by the Center for Assistive Technology Training Northwest, WSSBtada.wssb.wa.gov
A compendium of SVG Projects put together to advance the state of tactile graphics and non-visual image creation.blindsvg.com
An interactive guide to understanding SVG paths and path commands.Not a Number
A big update to SuperTinyIcons
github.com/edent/SuperTinyIcon…
Loads of #SVG icons for popular services - each one UNDER 1,024 bytes. Yup, less than a kilobyte each.
Take a look!
Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos - GitHub - edent/SuperTinyIcons: Under 1KB each! Super Tiny Icons are miniscule SVG versions of y...GitHub
This is fantastic, love it! 😻
Draw SVG rope using JavaScript muffinman.io/blog/draw-svg-rop…
#svg #js #javascript
This is an interactive article. To fully experience it, you'll need to turn JavaScript on. Today, I'll take you through the process I came up with …Muffin Man
Great SVG Data Visualization Examples from VISA visa.github.io/visa-chart-comp…
#SVG #Data #Accessibility #a11y
Would love thoughts on how to improve the #SVG social media icons here (aside from deleting the Twitter link) codepen.io/mgifford-the-typesc…
We really need to make it easier for people to control social media icons and style them to meet their site. This really should be easy, accessible and susainable.
It looks like a lot of organizations are going to need to update their #SocialMedia icons, so I decided to put up a few which include #mastodon.
My goal is to produce #SVG images that respect dark mode, can be easily styled with CSS, and also allow either circle, square or no background.
I want to embed best practices of accessibility, and web sustainability in this.
So what can I do to improve these?
SVG images aren’t just images, they’re documents and it’s not safe to serve random people’s svg images on your website.
Here’s a tool that fixes it, and sanitizes #SVG #images to make them as innocent as a JPEG:
github.com/cloudflare/svg-hush
(In #Rustlang, of course)
Make it safe to serve untrusted SVG files. Contribute to cloudflare/svg-hush development by creating an account on GitHub.GitHub
And, finally (there’s so much more but I’ll stop raving now and get back to work), the web-related features, like a built-in accessibility and scripting panel and access to the SVG source, styling, etc.
If you’re creating illustrations for the web (or, heck, in general) and you’re not using this absolute gem of an app, you’re missing out :)
#svg #web #design #vector #illustration
