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

Responsive Images — Solutions To Our Problems

When it comes to all the different responsive image solutions out there, I have to admit I find myself generally confused about what they are and which one I might use. It seems like every other day someone posts a new solution to cure our responsive image issues.

Continue reading

Responsive Images — The Issues We Want To Solve

One of the first web design problem I was asked to solve had a lot to do with images. My client was a photographer with a slow loading site. Naturally the site was image heavy given the subject matter, but the person who had developed it compounded the problem by creating images where none were necessary.

Continue reading

css.php