#Design #Collections
Triple Threat SVG icons · A set of icons in 3 states (normal, hover, and selected) https://ilo.im/162xku

_____
#Icons #SVG #PNG #CSS #DataURI #UiDesign #WebDesign #Development #WebDev #Frontend

Triple Threat SVG Icons

👉 These SVG icons combine three styles in one. Our special CSS displays the icon in normal, hover, and selected modes, all designed meticulously to work as one.

SVG Backgrounds
Smallest GIF? Meh! Tiniest data URL is a BMP!

There is the occasional need for the tiniest possible image, but what can we use as one?

SVG Viewer

SVG Viewer is an online tool to view, edit and optimize SVGs.

#Design #Launches
SVG Viewer · A tool for editing, optimizing, and converting SVGs https://ilo.im/15yp7k

_____
#SVG #Optimization #Conversion #PNG #DataURI #WebDev #Frontend #JavaScript #TypeScript #React

#Development #Guidances
The truth about encoding SVG in data URIs · Stop worrying and URL-encode only the # character https://ilo.im/15xxxe

_____
#Image #SVG #DataURI #UrlEncoding #WebDev #Frontend #CSS

The Truth(tm) about encoding SVG in data URIs

tl;dr: You can stop worrying and URL-encode only the # character. What? So you want to have an SVG image in a CSS stylesheet. Yup, using data URIs (hey lookie, a 2009 post). There are a number of reasons not to embed images in CSS to begin with (caching, reuse), but hey, sometimes you're not in a po

phpied.com

@BirgyulNier Besonders gerne mag ich die #LineAwesome Bibliothek von #Icons8 - den Macher:innen von #Lunacy 🌟
Eine freiere Nutzung geht kaum, wie ich hier beschrieben habe 🎉👇
https://bildung.social/@trmsc/109420022557664072

Auf GitHub ist die ganze Sammlung als #SVG:
https://github.com/icons8/line-awesome

Toll ist auch diese #CC0-Sammlung - v.a. kann man die #Icons dort u.a. als #DataUri herauskopieren - das ist wie eine Übersetzung des Bildes ohne Abhängigkeiten, die wie ein Link funktioniert 🧙‍♂️👇
https://icones.js.org/collection/cil

#FediLZ

Stefan TRMSC | eduBW (@[email protected])

Angehängt: 1 Bild Genial: #Bludit hat die #LineAwesome Bibliothek standardmäßig an Bord - eine sehr schöne Icon-Sammlung von #Icons8, den Autor:innen von #Lunacy 😍 - so schließt sich der Kreis! 🤤 Die Sammlung hat eine sehr schöne Seite mit vielen Verwendungsmöglichkeiten und könnte auch für das #FediLZ sowie die #moodlebande interessant sein: https://icons8.com/line-awesome Achso und eine Information könnte noch wichtig sein: Die eigene Lizenz, die wahlweise zur #MIT verwendet werden kann, spricht Bände 🙃 👇

bildung.social

@ploum @jeang3nie @alcinnz

One of the ways I imagined on how one could embed an image in #gemtext was with code like this:

=> data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== The "alt" Text For The Image

Using the gemtext syntax for a link, with a #dataURI .

@jeang3nie @alcinnz

I think there is some resistance in the #Gemini community to image support in Gemtext.

I don't think it is universal. (Some seem to want image support too.)

But there does seem to be some who are against it.

.

I think if one wanted to keep to the rule of one-document-one-download then —

One could embed the image inside the #gemtext file.

For example, base64 encode the image within the file. Could be a #dataURI. Or something else.

Could even use a #sixel .

Quante bestemmie per creare questa macro in #TiddlyWiki per codificare un tiddler come #dataURI #base64

Mi serve per mettere facilmente come src degli iframe contenuto #HTML che scrivo in altri tidder, perché senza prima questa codifica l'HTML plaintext può avere caratteri che causano effetti collaterali in un data URI (come #, usato in CSS)

Continuo a non capirci nulla dei filtri con la sintassi interna di TiddlyWiki, ma almeno sto capendo come usare le API #JS

Non è ottimo, ma è qualcosa 🙂