#svg (25 links)
- Super Crispy SVG Icons - by Alex Duncan - persevering persevering.substack.com
- Dynamic Pictograms For Design Systems carbonemike.com
How to prepare pictograms for design systems by handling variable brand and skin colors.
- Accessible SVGs css-tricks.com
- The State of SVG Animation blogs.adobe.com
- Better SVG Fallback and Art Direction With The <picture> Element sarasoueidan.com
- Factmint factmint.com
<blockquote>Store, query and visualize your data with Factmint. Transform your HTML tables into interactive data visualizations.</blockquote>
- Introducing Grunticon 2! Style & Animate your SVGs | Filament Group, Inc., Boston, MA filamentgroup.com
<blockquote>Version 2 of Grunticon makes it easy to embed SVG markup into your page so you can apply CSS and JavaScript to the actual SVG markup.</blockquote>
- Useful SVGO[ptimization] Tools sarasoueidan.com
<blockquote>Research indicates that SVG images served as an image sprite display faster than SVG images as data URIs. But how much faster? And is it worth your time? If it is, how do we actually produce the SVG sprites? This post looks at different data on the sprite versus data URI question and how to configure a couple of automated Grunt tasks to produce SVG image sprites and fall back PNG sprites (rather than data URIs) to provide resolution independent interface icons if you so chose.</blockquote>
- Performance Calendar » Tips For Optimising SVG Delivery For The Web calendar.perfplanet.com
Icon fonts have a few nasty problems that icon font makers rarely make you aware of. Here’s a few of these problems...
- Sketch Preferences bohemiancoding.com
<blockquote>We add some metadata to exported SVG files, to make it easier to re-import them in Sketch. However, if you are sure you won't import them, you can disable the saving of metadata by running this into your Terminal.app: `defaults write com.bohemiancoding.sketch3 exportCompactSVG -bool yes`</blockquote>
- Understanding Sketch’s Export Options - Tuts+ Web Design Tutorial webdesign.tutsplus.com
English Exporting assets from your designs is a common task. You start by creating and preparing your graphics, then you choose the export format, set its…
- Snap.svg - Home snapsvg.io
<blockquote>Snap provides web developers with a clean, streamlined, intuitive, and powerful API for animating and manipulating both existing SVG content, and SVG content generated with Snap.</blockquote>
Raphaël successor.
- Convert vector Smart Object layer to Shape layer - Graphic Design Stack Exchange graphicdesign.stackexchange.com
- Ten reasons we switched from an icon font to SVG - Ian Feather ianfeather.co.uk
- Icon System with SVG Sprites | CSS-Tricks css-tricks.com
- svg/svgo github.com
<blockquote>A Nodejs-based tool for optimizing SVG vector graphics files.</blockquote>
- A Compendium of SVG Information | CSS-Tricks css-tricks.com
- Using SVG | CSS-Tricks css-tricks.com
Cake or death?
- svg-icon-loader code.google.com
Provides a method for a web interface to use SVG images as icons, while being loaded from a single file. This reduces the amount of HTTP requests, offering the same kind of benefit available with CSS sprites.
- svgweb - Project Hosting on Google Code code.google.com
A JavaScript library which provides SVG support on many browsers, including Internet Explorer, Firefox, and Safari. Using the library plus native SVG support you can instantly target ~95% of the existing installed web base. Once dropped in you get partial support for SVG 1.1, SVG Animation (SMIL), Fonts, Video and Audio, DOM and style scripting through JavaScript, and more in about a 60K library.