Fosstodon

0 posts0 participants0 posts today

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Collections" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Collections</a> Triple Threat SVG icons · A set of icons in 3 states (normal, hover, and selected) <a href="https://ilo.im/162xku" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162xku</a>_____ <a href="https://mastodon.social/tags/Icons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Icons</a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/PNG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PNG</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/DataURI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DataURI</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> Smallest GIF? · Meh, the tiniest data URL is a BMP! <a href="https://ilo.im/15zyw2" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/15zyw2</a>_____ <a href="https://mastodon.social/tags/Image" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Image</a> <a href="https://mastodon.social/tags/ResponsiveImage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveImage</a> <a href="https://mastodon.social/tags/DataURI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DataURI</a> <a href="https://mastodon.social/tags/GIF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GIF</a> <a href="https://mastodon.social/tags/WebP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebP</a> <a href="https://mastodon.social/tags/BMP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BMP</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

pablolarah🟠 SVG Viewer is an online tool to view, edit and optimize SVGs. <a href="https://mastodon.social/tags/svg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svg</a> <a href="https://mastodon.social/tags/svgtool" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svgtool</a> <a href="https://mastodon.social/tags/svgeditor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svgeditor</a> <a href="https://mastodon.social/tags/svgviewer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svgviewer</a> <a href="https://mastodon.social/tags/svgtojsx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svgtojsx</a> <a href="https://mastodon.social/tags/svgtoreact" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svgtoreact</a> <a href="https://mastodon.social/tags/svgtoreactnative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svgtoreactnative</a> <a href="https://mastodon.social/tags/svgOptimize" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svgOptimize</a> <a href="https://mastodon.social/tags/rotatesvg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#rotatesvg</a> <a href="https://mastodon.social/tags/resizesvg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#resizesvg</a> <a href="https://mastodon.social/tags/dataURI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dataURI</a> <a href="https://www.svgviewer.dev/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.svgviewer.dev/</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Launches</a> SVG Viewer · A tool for editing, optimizing, and converting SVGs <a href="https://ilo.im/15yp7k" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/15yp7k</a>_____ <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/Optimization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Optimization</a> <a href="https://mastodon.social/tags/Conversion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Conversion</a> <a href="https://mastodon.social/tags/PNG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PNG</a> <a href="https://mastodon.social/tags/DataURI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DataURI</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#React</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Guidances" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Guidances</a> The truth about encoding SVG in data URIs · Stop worrying and URL-encode only the # character <a href="https://ilo.im/15xxxe" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/15xxxe</a>_____ <a href="https://mastodon.social/tags/Image" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Image</a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/DataURI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DataURI</a> <a href="https://mastodon.social/tags/UrlEncoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UrlEncoding</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Stefan TRMSC | eduBW<a href="https://bildung.social/@BirgyulNier" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@BirgyulNier</a> Besonders gerne mag ich die <a href="https://bildung.social/tags/LineAwesome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LineAwesome</a> Bibliothek von <a href="https://bildung.social/tags/Icons8" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Icons8</a> - den Macher:innen von <a href="https://bildung.social/tags/Lunacy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Lunacy</a> 🌟 Eine freiere Nutzung geht kaum, wie ich hier beschrieben habe 🎉👇 <a href="https://bildung.social/@trmsc/109420022557664072" rel="nofollow noopener noreferrer" target="_blank">https://bildung.social/@trmsc/109420022557664072</a>Auf GitHub ist die ganze Sammlung als <a href="https://bildung.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a>: <a href="https://github.com/icons8/line-awesome" rel="nofollow noopener noreferrer" target="_blank">https://github.com/icons8/line-awesome</a>Toll ist auch diese <a href="https://bildung.social/tags/CC0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CC0</a>-Sammlung - v.a. kann man die <a href="https://bildung.social/tags/Icons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Icons</a> dort u.a. als <a href="https://bildung.social/tags/DataUri" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DataUri</a> herauskopieren - das ist wie eine Übersetzung des Bildes ohne Abhängigkeiten, die wie ein Link funktioniert 🧙‍♂️👇 <a href="https://icones.js.org/collection/cil" rel="nofollow noopener noreferrer" target="_blank">https://icones.js.org/collection/cil</a><a href="https://bildung.social/tags/FediLZ" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediLZ</a>

@reiver ⊼ (Charles) :batman:<a href="https://mamot.fr/@ploum" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@ploum</a> <a href="https://social.linux.pizza/@jeang3nie" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jeang3nie</a> <a href="https://floss.social/@alcinnz" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@alcinnz</a> One of the ways I imagined on how one could embed an image in <a href="https://mastodon.social/tags/gemtext" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gemtext</a> was with code like this:=> data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== The "alt" Text For The ImageUsing the gemtext syntax for a link, with a <a href="https://mastodon.social/tags/dataURI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dataURI</a> .

@reiver ⊼ (Charles) :batman:<a href="https://social.linux.pizza/@jeang3nie" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jeang3nie</a> <a href="https://floss.social/@alcinnz" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@alcinnz</a> I think there is some resistance in the <a href="https://mastodon.social/tags/Gemini" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Gemini</a> 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 <a href="https://mastodon.social/tags/gemtext" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gemtext</a> file.For example, base64 encode the image within the file. Could be a <a href="https://mastodon.social/tags/dataURI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dataURI</a>. Or something else.Could even use a <a href="https://mastodon.social/tags/sixel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sixel</a> .

✨ Andrea :linux: :raspberrypi:Quante bestemmie per creare questa macro in <a href="https://mastodon.uno/tags/TiddlyWiki" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TiddlyWiki</a> per codificare un tiddler come <a href="https://mastodon.uno/tags/dataURI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dataURI</a> <a href="https://mastodon.uno/tags/base64" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#base64</a>Mi serve per mettere facilmente come src degli iframe contenuto <a href="https://mastodon.uno/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> 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 <a href="https://mastodon.uno/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a>Non è ottimo, ma è qualcosa 🙂

Recent searches

Search options

Administered by:

Server stats:

#dataURI