Where And How To Set Breakpoints In Media Queries

Flexible layouts work well to a point, but there comes a time when we need a more drastic change than simply allowing design elements to expand and contract. There comes a point where we need the ability to make larger changes in how elements flow within a design. Enter media queries. Now with official W3C goodness.
Continue reading

Maintaining Image Hierarchy And Aspect Ratio In Responsive Design

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

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

Where Does Advertising Fit In A Responsive World?

Online advertising comes with fixed and static banner images. Responsive design seeks flexibility and adaptability at every turn. Can the two co-exist? Where is advertising’s place in a world of responsive sites?
Continue reading

How To Maintain Readable Type In Responsive Design

Setting type involves choices that create proportional relationships in your text. Done well and your text will be both easy and desirable to read. As responsive layouts adapt to varying screen widths, one of these choices (line-length) changes. To maintain the same proportional relationships other aspects of the type need to adjust.
Continue reading

css.php