Skip to main content

Search

Items tagged with: svg

I launched my new #SVG Projects page today, including my SVBraille text file which lets you create properly formed braille in your file without external fonts! I put copious notes in the comments and on the Project page on how to set it all up, but if you can make SVG groups and know how to set up the Use element and can do a tiny bit of math, you are good to go! :) https://blindsvg.com/pages/projects/

SVG Projects - Blind SVG Study Guide

A compendium of SVG Projects put together to advance the state of tactile graphics and non-visual image creation.
blindsvg.com
#svg

Speaking as someone who used to hand-whittle SVGs with a text editor: this is brilliant. #nerd #webdev #svg https://www.nan.fyi/svg-paths

A Deep Dive Into SVG Path Commands

An interactive guide to understanding SVG paths and path commands.
Not a Number
#webdev #svg #nerd

I just launched a new site devoted to teaching how to create #TactileArt and #TactileGraphics using #SVG code. The focus is on #accessibility and opening up creativity to #blind and #low-vision folks who want to participate in building graphics, iterate on ideas, and use SVG for projects ready for embosser, swell-form, 3D print, and CriCut output. Come check it out! https://blindSVG.com

Home - Blind SVG Study Guide

blindsvg.com
#Accessibility #blind #svg #tactileart #tactilegraphics #low

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!

GitHub - edent/SuperTinyIcons: Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos

Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos - GitHub - edent/SuperTinyIcons: Under 1KB each! Super Tiny Icons are miniscule SVG versions of y...
GitHub
#svg

It is kinda fun to ask #ChatGPT to draw things as an #SVG. The SVG structure is pretty good, but the actual images are pretty useless. Least right now. I imagine this will change substantially in 2023.

Interesting to be able to assemble simple icon libraries with this technology in 2023.
#svg #chatgpt

This is fantastic, love it! šŸ˜»

Draw SVG rope using JavaScript https://muffinman.io/blog/draw-svg-rope-using-javascript/

#svg #js #javascript

Draw SVG rope using JavaScript

This is an interactive article. To fully experience it, you'll need to turn JavaScript on. Today, I'll take you through the process I came up with ā€¦
Muffin Man
#javascript #js #svg

Great SVG Data Visualization Examples from VISA https://visa.github.io/visa-chart-components/?path=/story/introduction--page

#SVG #Data #Accessibility #a11y

Webpack App

visa.github.io
#a11y #Accessibility #data #svg

Would love thoughts on how to improve the #SVG social media icons here (aside from deleting the Twitter link) https://codepen.io/mgifford-the-typescripter/pen/zYjygjL?editors=1100

We really need to make it easier for people to control social media icons and style them to meet their site. This really should be easy, accessible and susainable.

#SustyWeb #a11y #SocialMedia
#a11y #socialmedia #svg #sustyweb

It looks like a lot of organizations are going to need to update their #SocialMedia icons, so I decided to put up a few which include #mastodon.

My goal is to produce #SVG images that respect dark mode, can be easily styled with CSS, and also allow either circle, square or no background.

I want to embed best practices of accessibility, and web sustainability in this.

So what can I do to improve these?

https://codepen.io/mgifford-the-typescripter/pen/zYjygjL?editors=1100

#a11y #SustyWeb #DarkMode
#a11y #Mastodon #socialmedia #svg #darkmode #sustyweb

SVG images arenā€™t just images, theyā€™re documents and itā€™s not safe to serve random peopleā€™s svg images on your website.

Hereā€™s a tool that fixes it, and sanitizes #SVG #images to make them as innocent as a JPEG:
https://github.com/cloudflare/svg-hush

(In #Rustlang, of course)

GitHub - cloudflare/svg-hush: Make it safe to serve untrusted SVG files

Make it safe to serve untrusted SVG files. Contribute to cloudflare/svg-hush development by creating an account on GitHub.
GitHub
#images #RustLang #svg

And, finally (thereā€™s so much more but Iā€™ll stop raving now and get back to work), the web-related features, like a built-in accessibility and scripting panel and access to the SVG source, styling, etc.

If youā€™re creating illustrations for the web (or, heck, in general) and youā€™re not using this absolute gem of an app, youā€™re missing out :)

#svg #web #design #vector #illustration
#illustration #design #web #svg #vector

And those little touchesā€¦ notice how the curve that the selected BĆ©zier control point is affecting is highlighted in purple. And you can simply pull along there to shape the curve instead of manipulating the control point handles.

Just beautiful.

#svg #foss #boxySVG #web #design #vector #illustration
#foss #illustration #design #web #svg #vector #boxySVG

Just discovered Boxy SVG and Iā€™m in love šŸ˜

https://boxy-svg.com/

#svg #illustation #web #design

Boxy SVG Editor

boxy-svg.com
#design #web #svg #illustation

1400+ #, and free # #: https://tablericons.com/

Tabler Icons

800+ Highly customizable & free SVG icons
Tabler Icons
#opensource #svg #icons

ā‡§