Copy
SVG Weekly logo

This is edition 45 of SVG Weekly, a selection of interesting links to SVG tutorials, tools, experiments and talks curated by Jachin Sheehy. I also keep an eye on the wider world of data visualisation, and share compelling visualisations or projects, even if these aren't directly related to SVG.

View this email in your browser

Tutorials

Making the Switch Away from Icon Fonts to SVG: Converting Font Icons to SVG

Making the Switch Away from Icon Fonts to SVG: Converting Font Icons to SVG

We've all been told to stop using icon fonts ... but what to do with all those ageing fonts? Sara Soueidan offers a site of tools and some concrete advice for converting your icon fonts to individual SVG files ready for spriting (or not)

Linear Graphical UI Controls with HTML5, SVG and JavaScript

Linear Graphical UI Controls with HTML5, SVG and JavaScript

Not content with radial displays, Dudley Storey is now making range inputs easier to understand for linear scales using SVG and JavaScript.

SVG beyond mere shapes

SVG beyond mere shapes

Nadieh Bremer is kicking-off a multi-part blog series on the many ways SVG gradients and filters can be used to make your data visualisations more effective and fun. Definitely one to follow: the teaser images look amazing.

Tools And Resources For Editing, Converting And Optimizing SVGs

Tools And Resources For Editing, Converting And Optimizing SVGs

Cosima Mielke with a broad survey of the SVG ecosystem and some prevailing patterns.

Converting an SVG Polyline to a Path with this one weird trick

Converting an SVG Polyline to a Path with this one weird trick

Need to animate an SVG Polyline with CSS? Convert it to a path. Thanks Matthew Jackson!

Inlining SVG's with Rails

Inlining SVG's with Rails

Alex Pate shares a Ruby on Rails helper that finds static SVG assets and inlines them.

Tools

Boxy SVG Editor

Boxy SVG Editor

A great online SVG editor.

Experiments

Ellipses Two by Toby Reif

Ellipses Two by Toby Reif

SVG + JS flowers (no library, no visual editors) by Ana Tudor

SVG + JS flowers (no library, no visual editors) by Ana Tudor

Chinese Lanterns by Chris Gannon

Chinese Lanterns by Chris Gannon

Just having a play. Music by Demonic Producer...

Food for Thought

The history of ‘this website is well-crafted’ hints

The history of ‘this website is well-crafted’ hints

Adrian Holovaty takes a walk down memory lane, looking at the various signs that a website's makers cared about their craft. I'ld include 'judicious use of SVG'.

That's all for this week. Please send suggestions and links to curator@svgweekly.com or @SVGWeekly.
Copyright © 2016 SVG Weekly, All rights reserved.


unsubscribe from this list    update subscription preferences 

Email Marketing Powered by MailChimp