Copy
SVG Weekly logo

This is edition 43 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

Building a dynamic SVG timer

Building a dynamic SVG timer

Anna Yeaman from StyleCampaign on building out a dynamic led-style timer to be used in an email campaign. Some great detail around email client and device support and fallbacks ... and a very nice finished product.

Create Abstract Blurred Backgrounds from Images with SVG

Create Abstract Blurred Backgrounds from Images with SVG

Dudley Storey finds a clever use for SVG where CSS filters fail: blurred background images.

SVG Sprite Workflow That Works

SVG Sprite Workflow That Works

Ryan Yu details the the SVG sprite workflow used at Squiz (with some interesting notes on using currentColor to get more design flexibility).

Watch & Listen

Convert SVG Animation to GIF

Convert SVG Animation to GIF

Sometimes you need to show off your lovely SVG animation in places that still think GIF is state of the art like it's 1997. Chris Gannon shows you how to tweak your GSAP animations to get the best possible capture from tools that can't handle your moving masterpiece in all its silky 60fps glory. (Video - 11 minutes)

SVG Immersion: Dustin Lee & Brad Woodard

SVG Immersion: Dustin Lee & Brad Woodard

Rob Levin talks with Dustin Lee and Brad Woodard about the illustration process, making killer Photoshop and Illustrator brushes, and "other good stuff". (Audio - 69 minutes)

Tools

Sketch 3.7 released ...

Sketch 3.7 released ...

... with improvements in SVG export improvements including "support for inner and outer borders, blend modes per fill, included noise and image fills, more accurate shadows, and the ability to copy a selected layer’s SVG code to the clipboard".

SVG Country Flags

SVG Country Flags

A bunch of SVG Country Flags with some useful CSS from Panayiotis Lipiridis to get you started.

Experiments

GSAP trick - Orbital Motion with a Perfect Circle Bezier Tween by Diaco-M.L

GSAP trick - Orbital Motion with a Perfect Circle Bezier Tween by Diaco-M.L

SVG Pointless Robots by Chris Gannon

SVG Pointless Robots by Chris Gannon

Interactive 3D Mall Map by Mary Lou

Interactive 3D Mall Map by Mary Lou

Where's The Love? by Chris Gannon

Where's The Love? by Chris Gannon

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