For the last few weeks we’ve been talking about images in the context of responsive design. We looked at how to serve different images to different devices and then a couple of potential ways to replace bitmap images with icon fonts and SVG.
Continue reading
Category: Web Design
This Redesign Isn’t Finished
One of the goals I set at the start of the year was to redesign this site. It took longer than expected (a case of the cobbler’s kids among other things), but I finally managed to switch to a new design. If you normally read these posts in a feedreader of some kind, today might be the day to click through to the site to see the new look.
Continue reading
How To Create Simple Shapes With Scalable Vector Graphics (SVG)
The last few weeks we’ve been looking at images in the context of responsive design. First I talked about the techniques for serving different images to different devices. Then we looked at using icon fonts to replace images where possible.
Continue reading
Why And How To Use Icon Fonts
As great as images are, they present challenges in designing websites. They add file weight. They require additional http requests. They don’t scale well. Sometimes the best solution for using images in a responsive design is not to use an image.
Continue reading
3 Types Of Solutions To Work With Responsive Images
One of the big 3 requirements for responsive design is flexible images and media. On the surface it seems like an easy thing to do. You remove width and height attributes on images, set their max-width to 100% and call it a day. Beneath the surface there’s a lot more we need to consider.
Continue reading