O'Reilly logo

Smashing Book 5: Real-Life Responsive Web Design by Smashing Magazine

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Mastering SVG For Responsive Web Design

By Sara Soueidan

You must have come across scalable vector graphics (SVG) in your responsive projects recently. When it comes to resolution-independent assets, SVG is one of the main contenders that we, designers and developers alike, apply in our work. However, SVG isn’t just an image file that scales up and down in a responsive context. With SVG, you can do much more, applying smart and nifty techniques to create both scalable and delightful experiences.

In this chapter, we’re going to go over ways to use SVG in a responsive web design workflow. More specifically, we’ll cover a workflow process from SVG creation, to exporting and optimizing the SVG for the web. Then we’ll look at how we can embed the SVG ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required