Curated articles for designers and front-end developers

SVG

Frequently updated collection of hand-picked articles and learning resources.

youtube.com

Why Inline SVG Is Best SVG

SVG is one of the most powerful tools in a front-end developer’s arsenal, and while its browser support is excellent, there’s enough rough edges that a lot of people consistently reach for ...

jayfreestone.com

Masking Bitmaps w/SVG

I was recently reminded about Peter Hrynkow’s excellent article Using SVG to Shrink your PNGs when looking for ways to reduce the size of several large images on a project. There are ...

prototypr.io

Animation: Jump-through

Recently a call for help caught my eye; asking how to implement a fancy ‘getting location’ animation on Android: I immediately thought this was a prime candidate for an AnimatedVectorDrawable (AVD hereafter) ...

seesparkbox.com

Bulletproof SVGs with Grunticon

Grunticon is my favorite way to serve SVGs when a site needs to support older browsers. According to the official website, Grunticon is: […] a Grunt.js task that makes it easy to ...

devbridge.com

Bye Raster, Hello Vector: 3 Ways to Use SVG Easier

Today, nearly every webpage contains some kind of infographic. Infographics are a nice design feature, but also help readers understand and digest content easier. There are several options for dealing with sets ...