Tons of work (SVG 2, fill & stroke, and more) has sat unimplemented for years. At this point, in standards circles, we know not to touch SVG with a barge pole.
If you are drafting figures for a scientific paper or presentation, remember that https://scidraw.io/ exists: a repository of free SVG cartoons for science.
2023 has hammered home how depressing the state of hypertext in 2023 has become
Given a simple web site of a handful of SVG/HTML/CSS pages, each containing a lot of identical content for eg header; nav; footer, there’s still no way that I can ascertain to just have those common parts inserted into each page – I’m having to have multiple copies in place in each page, which isn’t a problem once they settle down, but is a problem while I’m making changes
How have we gotten this far and not allowed HTML to insert common page parts as though they were actually typed in?
#CSS#SVG experts, I want to animate an SVG kind of like a gif with just showing and hiding layers sequentially in the SVG. I’m not sure where to start. I don’t need any transitions or anything.
I know burger menus are not the best menu pattern, but one of the websites I’m working on has one, and I would love to have some feedback on my code from accessibility experts.
Is this good or could it be improved? 🧐
Thanks for your help!
It's where I experiment with all things web, like #html#css#javascript esp. #svelte and #svg most often in the context of #dataviz or similar forms of visual storytelling.
Visual filter challenge! I want an #SVG filter that, when applied to an HTML element like an image or video or heading or whatever:
• divides the element into a grid of cells (say, each cell is 10x10 pixels)
• finds the average color of all the pixels in each cell
• fills each cell with its average color
Basically, a pixelator, but done in this specific way, so I don’t have to dilate points, as in other solutions I’ve found. Anyone got ideas, or even a pointer to an example of this approach?
Suppose I have SVG files, which include some text (labels, and such like). And I want to use those images in several reveal.js presentations using different themes, which means the presentations use different default fonts.
Do I have a way to ensure that the text in the SVG is rendered in the same font as the HTML it's embedded in? If so, how?
Oooh, #GraphiteEditor has the node graph functionality, which allows you to compose vector objects from the primitives like fill, stroke, transform and live filters in a visual manner!
Node graph interface and filters both give me this nice break-out I needed after LPEs in #Inkscape. Don't get me wrong: that program is THE legend, developers are masters of vectors, and it's purely native Gtk toolkit on which application is built. Right now, their priority is CMYK support, so follow if you're into printing.
I just love to experiment with shiny new software that's #OpenSource, especially one that uses #RustLang and #web to its advantage.
Watch 'em apply circular repeat filter on a mere line to produce this fun sparkle effect. (It is Graphite's official channel, by the way. Wish they were on Mastodon?)
I've had a few requests for different badges in the same style as my “Powered” and “Made by a Human” badges.
I’m thinking about taking these and a few more requests and selling them in packs containing 8 badges in 8 different colors in 88x31 PNG and SVG @ £2 (minimum donation)
If you have any requests for these badges, please let me know in the replies and I will add it to the list!