#SVG
I just merged my first (larger) contribution to #sequoia's #weboftrust tooling:
https://gitlab.com/sequoia-pgp/sequoia-wot/-/merge_requests/63
The sq-wot #CLI tool can now export to #graphviz #DOT for most of its subcommands. This means you can generate your web of trust as a graph and convert that to e.g. #svg or #png.
I'll do a more extensive write-up of this in the coming days.
My thanks go out to @nwalfield, @wiktor and @hko for extensive reviews and help with the change!
A collection of 120+ basic #SVG shapes to copy - the SVG code goes into to your clipboard.

people like @DeanBaker13 discredit themselves with their shallow response to #SVG. It is in real life not simple for even a small business to keep their money distributed over multiple bank accounts - partly because banks treat small business poorly and load them with fees. They want big accounts.
Similar patterning, stronger colour contrast making the illusion more compellling

oh yeah: i was informed that it doesn't work in Safari, presumably because they don't allow the shape ("d") of #SVG paths to be assigned via #CSS.
their loss. i can't be bothered to support Safari's non-compliant bullshit. i don't even know how i could feature-check for that 🤷…
i do have a colorblind mode, though. i just take a notch out of the octagons and rotate them so they look like pacmans facing various direction. but i'll probably switch to chevrons or something…
#GenerativeArt interlude
It's a spiral, no, wait, two spirals, or wait a knot, right? No, wait. What?
Circles.

A big update to SuperTinyIcons
https://github.com/edent/SuperTinyIcons
Loads of #SVG icons for popular services - each one UNDER 1,024 bytes. Yup, less than a kilobyte each.
Take a look!
https://open.substack.com/pub/popularinformation/p/silicon-valley-bank-donated-zero?r=2nggq&utm_medium=ios&utm_campaign=post
The Claremont Institute spreads disinformation and misinformation to further its MAGA agenda.
#claremontinstitute #foxnewscorp #svg #propaganda
Free #SVG #Icons | #icone gratis per progetti personali e commerciali
#grafica
https://webappsmagazine.blogspot.com/2023/03/free-svg-icons-icone-gratis-per.html
Slime mold
Experimenting with applying a sine modulation to the hyphae radii, plus a little lighting


A last side by view of @drgeo sketch.
#CuisSmalltalk rendering then #Firefox #SVG rendering.
#Smalltalk


Side by view of @drgeo sketch.
#CuisSmalltalk #VectorGraphics rendering then #Firefox #SVG rendering.
#Smalltalk


Work in Progres exporting @drgeo sketch to #SVG.
Observe the stunning rendering quality of #CuisSmalltalk compared to #Firefox.
#Smalltalk


Contour #Ukraine - Digital Files #PDF #PNG #SVG #digital #files #pliki #cyfrowe #contour #collanote #goodnotes #notability #etsy https://etsy.me/3mYCjMK

#FollowFriday recommendations for the #Philadelphia area:
- @stumblewyk - GM running #TTRPGs, #Philly sports, cute dog
- @joni - brand design, #SVG, #bees, weight lifting, the tippy top of DE
- @stephstephking - education and children, #writer, #publicTransit
- @nicolewolverton - Horror, #elections, globetrotting
⏳Browse digital products on promotion. This weekend only: 20 percent off ‼️ https://AutoMotoStickers.etsy.com #automotostickers #etsysale #etsycoupon #shopsmall #digitalfiles #svg #pdf #png #eps #psd #jpg #afassets #brushset #digitalfilessale




Signs #ISO17840 - Digital files #PDF & #SVG #signs #unece #digitalfiles #plikicyfrowe #rescuecards #kartyratownicze https://etsy.me/3lcCbZG

More than you ever wanted to know about the FDIC insurance system but, like, not *a lot* more than you wanted to know. Just the right too-much amount.
Apple #Podcasts: https://podcasts.apple.com/us/podcast/minimum-competence/id1668925072
Everybody else find a link here or in your player of choice: https://esqcast.com/@minimumcompetence/episodes/weds-3-15-fdic-deposit-insurance-fund-primer-florida-digital-rights-anti-esq-and-harvey-ai
Thrilled to be presenting at Storybook Day today (3/14), the first-ever #Storybook user conference! I’ll be sharing my process of creating a “Digital Garden” in Storybook with #React, #SVG, and #FramerMotion animation.
Conference is streaming here starting at 10:00am PDT, and my talk is at 12:43pm PDT:
RT Chris Gannon
🍕Pizza Loader🍕 @CodePen https://codepen.io/chrisgannon/pen/abaEbaG @greensock #svg #animation #pizza https://t.co/SfLv9aVg1p
:sys_twitter: https://twitter.com/ChrisGannon/status/1635061082141388801

Boxy SVG Editor: Supposedly good at producing clean SVG
https://boxy-svg.com/
#graphics #editing #images #svg #+
svg8.svg — Code is numbers.
Edition of 10
(Final version)
Each character of the source code is remapped to a hexadecimal digit (0-F) with an added offset over time. Each line of code will be visited once.
Project page
↓
http://ertdfgcvb.ch/+/svg
Realtime version
↓
https://objkt.com/asset/hicetnunc/815103


And the most random assortment of buttons to summon Satan https://codepen.io/thebabydino/pen/eYYyqZR
Fun fact: first made this for a conference talk. Upon arriving there, discovered the venue was a church. One of the paintings there crashed with a loud noise during my talk.
https://twitter.com/anatudor/status/1197923211347931138
Requires support for registering custom properties via @ property.
#CSS #JS #CodePen #webDev #button #buttons #control #controls #coding #webDevelopment #mask #svg #satan

⏳Browse digital products on promotion. This weekend only: 20 percent off ‼️ https://AutoMotoStickers.etsy.com #automotostickers #etsysale #etsycoupon #shopsmall #digitalfiles #svg #pdf #png #eps #psd #jpg #afassets #brushset #digitalfilessale




I must have received emails from every single bank that I have a relationship with all telling me that everything is fine and deposits are FDIC insured and completely safe.
So sure EVERYTHING IS NORMAL.

Trying to use a #SVG file as #Keynote shape.
Can’t find anything simpler than:
1/ Open in LibreOffice Presentation, break the image, and save to pptx
2/ Open pptx in Keynote and trying to rebuilt the shape from the broken parts with Unite/Intersection/Subtract/Exclusion
Any better straightforward solution?
Huh. #SVG on #Sphinx works when viewing the documentation locally, but not when viewing it on #ReadTheDocs...
⏳Browse digital products on promotion. This weekend only: 20 percent off ‼️ https://AutoMotoStickers.etsy.com #automotostickers #etsysale #etsycoupon #shopsmall #digitalfiles #svg #pdf #png #eps #psd #jpg #afassets #brushset #digitalfilessale




#GenerativeArt interlude
Bam!
What happens when you apply a very disruptive mutation function to a triangular tiling.

Can anyone recommend a good place for #hosting #CreativeCommons #svg #vectorart and resources? I need something that:
• is free or close to it
• facilitates CC licensing
• does not require login to view or download
• isn't Microsoft, Google, Facebook, Amazon etc.
• preferably is part of the #fediverse
Ability to host more than just svg would be a bonus but not vital. Likewise hotlinking.
In times past I'd've hosted myself but I simply don't have time to maintain server security these days.
Green Emission - Digital files. Znaki ekologiczne - Pliki cyfrowe. #SVG #PDF #PNG #green #emission #truck #normyspalania #znaki #ekologiczne #digital #files #pliki https://etsy.me/3T3tBc2

Quartas-feiras 14h30 a 16h30 no Sesc Av. Paulista, começando hoje, até junho!
https://www.sescsp.org.br/programacao/atelie-aberto-fabricacao-digital-para-programacao-criativa/
#Processing #Python #SVG #py5

Apply a topographic map to any element with #CSS and #SVG filters: https://codepen.io/scottkellum/pen/poOWGQg

Pueden descargar una versión vectorizada de este cartel de Karl Maria Stadler, de 1914 conmemorando el Día Internacional de la Mujer Trabajadora de #OpenClipArt #SVG #Inkscape #8DeMarzo #DiaInternacionalDeLaMujerTrabajadora #InternationalWorkingWomenDay
https://openclipart.org/detail/316436/8-de-marzo
Como ya está en vectores, se puede escalar, imprimir en distintas técnicas, cambiar los colores, usar los vectores para hacer playeras, etc.

[en] playing with #vivus, a JS lib animating SVG line drawings https://maxwellito.github.io/vivus/ #vivus #svg #js
New watch face is live: XTAL. This GIF shows how to read the time. I also included a new "info" icon, it is a guide that gives you all the numbers on this watch face. Check it out. #javascript #svg
https://watchface.netlify.app/

Btw, my talk for #WebDevBBQ in #Stuttgart is up and running ☺️ Looking forward speaking about animated #SVG s.



🚧 I'm working on a new watch face this weekend. Here's a sneak peek. #svg #javascript

Doe anybody know if there is a way for an #SVG to “know” if it's being included as an img or if it's “standalone”? #askFedi #webdev
My issue is the following: I'm trying to add #darkMode support to my SVGs, but this actually makes them “invisible” when visualized standalone at least on #Firefox, because the background (unspecified, so transparent when an image) ends up white when standalone. I would like to specify the SVG background as black but ONLY when viewed standalone. Suggestions?
RT Chris Gannon
Basketball hoop loop 🏀🔄🗑️ @CodePen https://codepen.io/chrisgannon/pen/NWzqyBY @greensock #svg #animation #basketball https://t.co/jIkFtHzEHS
:sys_twitter: https://twitter.com/ChrisGannon/status/1630899506614075393

RT Ana Tudor 🐯🖤🌻
For the latest #CodePenChallenge: grainy dissolving an image's edges https://codepen.io/thebabydino/pen/oNMBeye?editors=1100
Done with #CSS + an #SVG filter, heavily commented.
For comparison, the original image in the img tag which you can see on right click, open image in new tab. https://t.co/T0snwG00lr
:sys_twitter: https://twitter.com/anatudor/status/1631242357210333190


If you're supporting me on Patreon (https://www.patreon.com/anatudor), then this is
🎇 a thank you for supporting my work
🎇 a reminder I've been posting new stuff every week, stuff that cannot yet be found anywhere else on the web, done by anyone 😼
For the latest #CodePenChallenge: grainy dissolving an image's edges https://codepen.io/thebabydino/pen/oNMBeye?editors=1100
Done with #CSS + an #SVG filter, heavily commented.
For comparison, the original image in the img tag which you can see on right click, open image in new tab.
the #figma community wants to hear about your ideas. a third of our users are developers! personally, I want to see talks about #a11y #css #web #svg and #typescript
this is going to be a massive #design and #developer event and we'd love to have you there. reach out to me with questions. you can submit a talk idea at https://config.figma.com
Putting Gears In Motion: Animating Cars With #HTML And #SVG: "SVG <animateMotion> provides a way to define how an element moves along a motion path. In this article, Paul Scanlon shares an idea of how to use it by animating race cars in an infinite loop as easy as one-two-three!" https://www.smashingmagazine.com/2023/02/putting-gears-motion-animating-cars-with-html-svg/
RT Chris Gannon
ERROR @CodePen https://codepen.io/chrisgannon/pen/BaOpWeL @greensock #GlitchArt #svg #animation https://t.co/SJzAFCV8jf
:sys_twitter: https://twitter.com/ChrisGannon/status/1630705845238374400
mucked around with some dumb legacy #reactjs #svg nonsense this morning and then compensated for feeling dumb by telling myself that other people might also feel dumb so we can all feel dumb together
https://til.ello.tech/to-inline-a-sprite-svg-that-was-externally-linked
I have been using Pixelmator Classic for a long time on my mac and recently upgraded to Pro for working with SVG. That was the best decision ever. It's beautiful and fast, and even /me can create simple, useful graphics quickly. Thanks, @pixelmator
#svg #graphic #pixelmator #photoshop #inkscape #illustration
Something for this week's #CodePenChallenge: 1 div grainy/ dithered gradient blob with a simple SVG filter https://codepen.io/thebabydino/pen/GRBrWeY
I've given this concept a try before https://twitter.com/anatudor/status/1407388305948397571 but lately, I've been toying with SVG filters a bit more and... I got better at it...🤷♀️
#CSS #SVG #CodePen #SVGFilter #dither #grainy #gradient #blob #webDev #webDevelopment #compositing #maths
"Atlas icons": "Open source free #icons library, available in variable stroke #SVG format, web font, Figma, React, Vue and Flutter ready to use packages" › https://atlasicons.vectopus.com/
[via "designer in action"-newsletter, https://www.designerinaction.de/gestaltung/atlas-icons-im-vektorformat/]
RT Jon Kantner
Circular Battery Meter
https://codepen.io/jkantner/pen/eYLzPxZ @CodePen #SVG #JS https://t.co/Mj3MFROXcV
:sys_twitter: https://twitter.com/jonkantner/status/1629173309542739969
Shout out to the wonderful Inkscape vector graphics software! It's seriously one of the best one-stop-shop tools I know for technical planning and communication.
Most recently I wanted equipment images for my home network diagram. Stock photos exist for the UniFi gear but they weren't quite what I was looking for. And my 4U server case (RSV-L4500U) is somewhat custom. Managed to create from-scratch SVGs for all three over a couple of evenings!
Convert all glyphs of a #font to individual #SVG files https://barrd.dev/article/convert-all-glyphs-of-a-font-to-individual-svg-files/
I'm pretty sure I could've used this not long ago! Only where ...
RT Chris Gannon
(D)ANGER ⚡️ @CodePen https://codepen.io/chrisgannon/pen/xxaOgLz @greensock #svg #animation https://t.co/NPOQxfmBaN
:sys_twitter: https://twitter.com/ChrisGannon/status/1628730220286033924
If you are in or around #NYC on March 23-25th and want to learn #TactileDrawing and #TactileArt, sign up and come join our TeachIn at the #NYPL Andrew Heiskell Talking Book Library! I'll be helping @ChanceyFleet and #AnnCunningham teach #blind drawing and art concepts, #SVG coding, and how to create #TactileGraphics and tap into your creative and spatial skills. This is really exciting! #a11y #FeelAroundAndFindOut https://docs.google.com/forms/d/e/1FAIpQLSdB-q2xMqfVzx5Ltu-9KxkbqaGaWW3WuTwcdJ6oGxldupAAJg/viewform
Making a bar chart with a lot of #css, a little bit of #d3, and no #svg https://noahliebman.net/2023/02/using-css-layout-for-graphs/
https://iconoir.com is an #opensource #icon library. Available in #SVG format, Font, React and React Native libraries, #Figma and Framer.
#GenerativeArt interlude
More fun with circles
This arrangement from a random flip-inverse-reverse path with full symmetries, triangulated, rendered with a gradient fill.
Using SVG foreignobject, you can embed cool HTML into your github README files https://pragmaticpineapple.com/adding-custom-html-and-css-to-github-readme/
Convert all glyphs of a font to individual SVG files
I was trying this out for a concept idea I have, found some bits and pieces on the Interwebs and put it all together in a short article.
https://barrd.dev/article/convert-all-glyphs-of-a-font-to-individual-svg-files/