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?
I'm looking forward to the new #Ladybird browser becoming mature enough to become a viable alternative to Firefox as a daily driver.
I've seen it mentioned that at this time its development is apparently driven by the need to be able to render specific websites and/or page, so I'm going to throw a #challenge that even Chrome failed at rendering correctly until recently:
5 hours later, I was able to dynamically set the color of #SVG icons using #CSS variables and #JavaScript, although at a cost of having a semi-broken layout as the anchor tags containing the icons no longer match the size of the icons themselves.
Today’s lesson: do not expect complex code snippets generated by ChatGPT to actually work and do not use them as starting points if you do not fully understand the underlying algorithm.
What if you constructed extended stars using Kaplan's method (https://archive.bridgesmathart.org/2000/bridges2000-105.pdf)?
What if you did a little quaternion rotation to get them plastered onto the sides of a regular dodecahedron?
What if you drew it all with a https://roughjs.com/ kind of styling? (Similar: I'm using my own thing based on ideas from rough.js.)
What if you ordered rendering and opacity by z?
What if you projected the whole mess?
#SVG Icons with #CSS Masks: "Have you ever inlined SVG icons inside a CSS stylesheet? It can improve performance by reducing HTTP requests if done selectively. I do this all the time using a custom property and background-image to make reusable icons." https://dbushell.com/2024/01/19/svg-icons-with-css-masks/
I did not want to do icon on CSS but I want to add SVG to background to decorate. My current background is a cradicule notebook vibe made with #CSS paths and I wanted to give it some spatter on it with #SVG simply because I have the svg and don't know how to translate to #CSS
🟤⚫️ Brad Woods Digital Garden @bradwoodsio
Notes about creative coding on the Web:
Juice - Draw on Scroll - User Driven #UI - 3D in #CSS - CSS Blend Modes - Floating Image - Layout - Nextjs - Click Target #webdev#svg
The thing I was trying to do first depended on an old component that had somehow stopped working properly, so after spending all morning debugging that... I switched gears to this. Promising, but needs more work I think
I am inordinately proud of the gradient in the middle of the arch/on the middle column: it was quite tricksy. Too bad ImageMagick and InkScape both failed on it. Too bad I can't just post the bloody SVG without conversion nonsense.
1984, January 24th., Steve Jobs presented the first Macintosh Computer. We are glad to share our MAC POP Art, in tribute, in this Fediverse, to celebrate the 40th anniversary of that milestone with You, today.
Since the #MS & #IBM#DOS wasn't much more than a terminal with local CPU, floppy/hard disk support, the operating system was a "pirated" clone of #CPM. Even when IBM teamed up with Microsoft to break copyrights of Digital Research & Gary Kildall's IP on CP/M, #MSDOS wasn't up-to-date since there was no GUI available. #portrait@art work made in #SVG with @inkscape