Elliot Dahl:
…At Pivotal we’ve created an SVG icon system with React for use on our suite of products. This article is about my approach to styling the SVG icon system with CSS to make it easy and effective to
Let’s say you have a map of the world and you want to be able to highlight the country (or state, or county, etc.) as the cursor hovers over it or it is tapped.
Doable!
First, the map should probably …
A project by Steve Schoger:
A collection of repeatable SVG background patterns for you to use on your digital projects.
Customizeable patterns. You can even snag the path data for your own deeds.…
Another day, another design system deciding an SVG icon system is the way to go.
Everybody has their own set of considerations when making a choice like this. Scott Mathis documents the major considerations for Clarity: Opting-out, sizing, multi-colors, interactivity, …
Etsy moves away from an icon font in production to using SVG. It’s going to be an inline <svg> system, but abstracted as a <etsy-icon> custom element for ease of use.
Two cents:
Varun Vachhar:
A Chrome extension for debugging SVG paths by converting them to outlines and displaying anchors, control points, handles and arc ellipses.
An amazing contribution to this open source project would be to make all those points draggable, and …
This is a distinction worth knowing about. They look pretty similar. They can do some of the same things. But, one is very easy to override and the other is not.…
I was stopped at an intersection the other day. It was raining. The road on the other side sloped upwards, so I could see the stopped cars on the other side of the road kind of stadium-seating style. I could …
📹 by Glen Maddern:
I don’t think most front-end developers are as comfortable as SVG as they should be. It’s one of the most powerful technologies available on the web.
He makes a very strong case for inline SVG, which …
When you think of SVG, what do you think of? Vector graphics, right? SVG is absolutely a vector graphics format. But it’s more than that. You can set type in it. You can place raster graphics in it. There is …
High five to Dave Gandy and the Font Awesome team:
The Font Awesome 5 Kickstarter raised $1,076,940 with 35,549 backers, making it the most funded and most backed software Kickstarter of all time.
What’s do the funders get? 1,000 more …
