Tags: vector

13

sparkline

unDraw

Liberally licensed SVG illustrations by Katerina Limpitsouni with customisable colour schemes.

Essential Image Optimization

Following on from Amber’s introduction, here’s a really in-depth look at image formats, compression and optimisation techniques from Addy.

This is a really nicely put together little web book released under a Creative Commons licence.

When Should You Use Which Image Format? JPG? PNG? SVG?

Amber has been investigating which image formats make sense for which situations.

Choosing image format is only one step towards optimising images on the web. There are many, many other steps to consider, and so, so much to learn!

Learn Sketch 3 - Design+Code

A very handy introduction to Sketch from an iOS-specific book. See also the subsequent chapter, Mastering Sketch 3.

A Practical Guide to SVGs on the web

Handy tips for creating, optimising, and using SVG on the web, be it in CSS or HTML.

Using SVG on CSS-Tricks

Chris takes a look at all the different ways you can use SVG today.

❍ IcoMoon

This is a great free service for generating small subsetted icon fonts. Launch the app and have a play around — you can choose from the icons provided or you can import your own SVG shapes.

Nice touch: you can get the resulting font (mapped to your choice of unicode characters) base-64 encoded for your stylesheet.

LukeW | Vector Images for Mobile

Luke rounds up some of the alternatives to bitmap-based images—an increasingly important topic for “resolutionary” “retina’ displays (bleurgh!).

Elite - Cobra Mk III

Rendered in canvas by the reverend Dan Catt. Now I really want to play Elite.

MIX Online:Ai to Canvas Plug-In

A plug-in for Illustrator that allows you to export to canvas.

Cartagen

Lovely representation of OpenStreetMap data using canvas.

Free games -- Asteroid's Revenge

The worm turns. Play the part of an asteroid trying to crash into spaceships.

SVG in WebCore

Weep not, Ethan! SVG lives... possibly in Safari and Dashboard.