SVG

Affinity Designer: Can a $49 Vector Editor Really Cut It?

Vectors are becoming more important on the web with the rise of SVG. Mateo looks at a cost-effective option – Affinity Designer.

The Best Way to Create SVGs from Existing Artwork

SVG is great but what's the best way to convert your existing JPEGs and PNGs into SVG format?

Indiana Jones and the Lost SVG Map Editor

From Casablanca to Game of Thrones, maps have been used to help tell stories. AMCharts Pixel Map Editor lets you create customized SVG maps with ease.

Creating an Accessible Breakout Game Using Web Audio and SVG

Microsoft's David Rousset shares his idea for creating an accessible breakout game using Web Audio and SVG

The Final Nail in the Icon Fonts Coffin?

Vectors are a great option for icons but the decision between icon fonts and SVG is a hard one. Now Seren Davies has raised some new issues with icon fonts.

14 Hand-Picked, Free Social Icon Packs

Following her flat design icons article, Ada is back with a carefully selected cadre of attractive social networking icons for your designing enjoyment.

10 Quality Free Flat Icon Sets for Your Designs

When it comes to UI design, often it's not worth reinventing the wheel. Ada has scoured the web for 10 of the best flat icon sets for your next project.

Create Data Visualizations in JavaScript using Dimple and D3

Alexis Ulrich shows you how to create eye-catching data visualizations with dimple.js so your message stands out from today's mass of competing data streams

Creating an Animated Valentine’s Day Card with Snap.svg

Today for Ivaylo, 'SVG' means 'Soppy Valentines Guy'. His Snap.svg tutorial shows you how to animate and randomize SVG – with a touch of romance.

Build Your Own SVG Icons

Most of us know that web fonts are a great way serve scalable, flexible icons, but Massimo is here to show you how SVG icons can be even more powerful.

On Our Radar This Week: Advent Calendars and Internet Addiction

Paul Wilkins takes a look at the big news stories, links and tools from the week.

On Our Radar This Week: Watch Apple, and Intuitive Animations

Paul Wilkins takes a look at the best links of the week, sharing articles about styleguides, UI, and intuitive animations.

Rethinking Icon and Logo Design for the Responsive Web

With the multitude of devices, we no longer have complete control over how icons will look. Annarita Tranfici looks at solutions to tackle this challenge.

Advanced Snap.svg

This article looks at some of the advanced features of Snap.svg.

On Our Radar This Week: Responsive Web Design, CSS Specificity, and SVG Knowledge

This week's round-up of news and trends in web design includes a look at RWD bloat, a guide to dealing with CSS specificity, and a massive round-up of SVG.

This Week on the Web: Swift, Bitcoin Calculators, and More!

In this week's article, we will talk about Swift, Bitcoin Calculators, and More!.

Create an Infographic Using Snap.svg

SVG is great but cross browser consistency can be a challenge. Today, Ivaylo builds an infographic from scratch using the SNAP.svg framework.

Review: WebCode – A Better Way to Make SVGs?

WebCode is a Vector Graphics Editor designed from the ground up to make great SVGs. I've been using it a lot recently and thought I'd give you my views.

How I Built a Windows Store App With HTML5 and SVG

This article is about to discuss the use of Scalable Vector Graphics (SVG) in Paint 4 Kids.

Surviving the Zombie Apocalypse with HTML5 and SVG

Justin Whitney shows illustrates some of the ways different browsers handle SVG in an HTML5 environment.

How to Style Scalable Vector Graphics Using CSS

Scalable Vector Graphics: an Overview

Web Directions Reflections, part 4: Hardboiled Web Design and SVG Salutations

9 Reasons Why SVGs are Important for the Web

Is SVG Finally Coming to Internet Explorer?