#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!

#rustlang #openpgp

Punkt, Punkt, Komma, Strich - fertig ist das Mondgesicht!

Das Format Tiny Vector Graphics ist einfacher und kleiner als entsprechende SVG-Dateien.

#Grafik #SVG #TVG #Format #Linux

https://gnulinux.ch/punkt-punkt-komma-strich-fertig-ist-das-mondgesicht

A collection of 120+ basic #SVG shapes to copy - the SVG code goes into to your clipboard.

https://shapes.framer.website/

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

#GenerativeArt #XQuery #SVG #CreativeCoding

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…

Is there a performant #Linux way to rasterize an #SVG that doesn't involve just using a whole web browser? Even a #python lib would do, but I'd rather keep it #nodeJS

Asking for my #Eink #Epaper #raspberrypi #raspi project

#GenerativeArt interlude

It's a spiral, no, wait, two spirals, or wait a knot, right? No, wait. What?

Circles.

#XQuery #SVG #CreativeCoding

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

#GenerativeArt

Slime mold

Experimenting with applying a sine modulation to the hyphae radii, plus a little lighting

#XQuery #SVG #CreativeCoding

Made a windmill style loading spinner messing around with #SVG and #CSS animations :blobfoxgoogly:

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.

@law #lawfedi #law #fdic #svg

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:

https://storybook.js.org/day/stage/main

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

#realtime
#svg
#quine
#bigint
#javascript
#NFT
#cryptoart

#GenerativeArt interlude

Danzer triangles, now with texturing

#XQuery #SVG #CreativeCoding

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.

#SVG
#bank
#bankmeltdown

I think it's time for tea and a book
#SVG #SiliconValleyBank #Glibertarians

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?

#MacOS #Apple #LibreOffice

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

@adhdeanasl

#SVG

#GenerativeArt interlude

Basket

Chair tiling with a cylindrical mapping

#XQuery #SVG #CreativeCoding

#GenerativeArt interlude

Bam!

What happens when you apply a very disruptive mutation function to a triangular tiling.

#XQuery #SVG #CreativeCoding

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.

Finally figured out how to do a thing I've wanted to do since I started using RISC OS! How to convert my #Linux #XFig files into #RiscOS Draw files!

Modern xfig can export to #SVG. #NetSurf can load plain SVG files and export to draw! Boom done!

Green Emission - Digital files. Znaki ekologiczne - Pliki cyfrowe. #SVG #PDF #PNG #green #emission #truck #normyspalania #znaki #ekologiczne #digital #files #pliki https://etsy.me/3T3tBc2

#GenerativeArt interlude

Danzer tiles

#XQuery #SVG #CreativeCoding

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.

06:22 . Project Watchface. #JavaScript #SVG

[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.

#Dev #Meetup

Hand made svg pixel art.
5x5 Smilie

#svg #handmade #playdate #indiedev #pixelart

🚧 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 😼

#CSS #SVG #coding

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.

#CodePen #webDev #webDevelopment #coding #SVGFilter

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

#webdev #frontend

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!

#svg #inkscape #foss #homelab

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.

#XQuery #SVG #CreativeCoding

Wrapping text inside an SVG using CSS https://www.jayfreestone.com/writing/wrappping-text-inside-svg-css/

#webdev #frontend #css #html #code #svg #text

Using SVG foreignobject, you can embed cool HTML into your github README files https://pragmaticpineapple.com/adding-custom-html-and-css-to-github-readme/

#github #readme #svg

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/

#Font #SVG #WebDev