SVG Clipping Path Examples — Multiple Shapes and Images

Last week I walked through a few examples using the path element and the text element as clipping paths. I also showed you how to clip elements inside a group as opposed to individually.

Continue reading

Happy Thanksgiving — Holiday Images Of New York

Happy Thanksgiving to everyone in the U.S. and a very belated Happy Thanksgiving to everyone in Canada. Happy Thursday to the rest of the world.

As has become tradition for me, I’m in New York visiting family and as usual I’ve been taking pictures of my trip, including our long walk yesterday in Manhattan.
Continue reading

SVG Basics—How To Create Simple Shapes And Lines

Last week I started a series on SVG and walked through the different ways you can include SVG inside an HTML page. Because I needed to show you something that would display on your screen, the examples included a green rectangle.

Continue reading

SVG Basics—How to Work with Scalable Vector Graphics

Whenever I talk about responsive images, I mention that where possible, scalable vector graphics are a preferred option to bitmap images. The last time I offered the advice, I realized I didn’t know as much about SVG as I should.

Continue reading

Thoughts For The Future Of Responsive Images

What’s the best way to approach responsive images? Is there a best size image to use? A best resolution? How about a best format? We have so many things to think about when it comes to images and responsive design. I’d like to offer a few other things to think about that ideally make answering many of the questions we now ask easier.

Continue reading