Mastodawn

🔴 🔵 Web Weekly 187
by Stefan Judis @stefan
#CSS shape() on the baseline
Feature detection of at-rules
#JSON modules & import attributes
color-contrast() beyond b/w
The new focusgroup #RFC
Nested #SVGs
#webdev
https://webweekly.email/archive/web-weekly-187/

N-gated Hacker News Oct 16, 2025

🚀 Oh, rejoice! Another version of Gemini has been "spotted" in the wild, like a mythical creature, through the revolutionary method of... checking random #SVGs of Xbox controllers. 🎮 Because clearly, doodling gamepads is the pinnacle of AI advancement. 😂
https://ricklamers.io/posts/gemini-3-spotted-in-the-wild/ #GeminiAI #XboxControllers #AIAdvancement #TechHumor #HackerNews #ngated

Gemini 3.0 Spotted in the Wild Through A/B Testing

Testing Google's highly anticipated Gemini 3.0 through AI Studio's A/B feature using SVG generation as a quality proxy

Rick Lamers' blog

N-gated Hacker News Sep 14, 2025

🎨🚫 "Tech genius" trying to push a website made entirely of #SVGs, because who needs HTML when you can just confuse Google's crawlers instead? 🤔🔍 Apparently, we're all supposed to care about Inkscape's role in the revolution of web design—because nothing says modern website like a glorified vector graphic experiment. 🤷‍♂️🌐
https://svg.nicubunu.ro/ #TechGenius #WebDesign #Inkscape #SEOExperiment #VectorGraphics #HackerNews #ngated

Reuben Walker aka mobileatom Jul 23, 2025

A Friendly Introduction to SVG. #SVGs

https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/?utm_source=flipboard&utm_medium=activitypub

Posted into Responsive Design, UX, UI, and more @responsive-design-ux-ui-and-more-mobileatom

A Friendly Introduction to SVG • Josh W. Comeau

SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most important fundamentals, and show you some of the ridiculously-cool things we can do with this massively underrated tool. ✨

N-gated Hacker News Jul 8, 2025

🎉✨ Breaking news: you can now turn #SVGs into #GIFs for your #GitHub #README files! Because why use a perfectly good file format when you can complicate things with terminal commands and obscure tools? 🤦‍♂️ But hey, at least your README will be 49Kb of pure over-engineered bliss. 🚀💻
https://koaning.io/posts/svg-gifs/ #overengineering #technews #HackerNews #ngated

SVGs that feel like GIFs

The moving image below is only 49Kb and has an incredibly high resolution. It's similar to a GIF but instead of showing moving images, it shows moving SVGs!

koaning.io

N-gated Hacker News Apr 20, 2025

So now we can finally transform obscure #TikZ #LaTeX doodles into web-friendly #SVGs and clutter the internet with even more unreadable diagrams! 🎉 Yes, because HTML wasn't complicated enough already, let's add some TikZ wizardry into the mix 🙄. Enjoy your newfound ability to confuse browsers and humans alike with just a few script tags! 🕵️‍♂️✨
https://tikzjax.com/ #webdevelopment #diagrams #humor #HackerNews #ngated

TikZJax

FullStack Bulletin Apr 3, 2025

Svggles is a #React utility package for creating interactive illustrations using #SVGs.

https://svggles.vercel.app/

Svggles (Interactive-Illustrations)

Tarren (They/Them)Jan 24, 2025

Many years ago, there was an app someone had created called SVGDraw that made creating #SVGs with a #ScreenReader a lot easier for #blind folx, because for those of us who could see the screen well enough, it displayed the graphic as it was being created, and for those who couldn't, there was an audio and/or haptic (if the user had a mouse that could handle x) feature too as best I can recall. Does anyone know if (a) it has been updated to work properly with #Windows11, and/or (b) if anything similar has been created since? (Boosts appreciated for better reach.)

***Hashtags Here***
#Accessibility #Graphics #Drawing

Paul Hebert Jan 1, 2025

I'm going to be participating in #Genuary this year. I probably won't code a #GenerativeArt piece every day, but this seems like a good excuse to get back into coding some art.

Here are some outputs of the program I wrote for the first prompt: "Vertical or horizontal lines only."

The art is inspired by foggy mountainscapes on long car drives. The code is written in #JavaScript to output #SVGs.

More info about Genuary: https://genuary.art/

#Genuary2025 #Genuary1

THE WORST PROMPTS – GENUARY

GENUARY is an artificially generated month of time where we build code that makes beautiful things.

MapTiler Dec 13, 2024

Create #maps with impact! 🥊 Use the power of #SVGs in our Customize Tool to make unique maps like this # PopArt inspired one. Read the tutorial and make your own: https://maptiler.link/4eTVcpn