Responsive Design: Sensors, Systems, And Actuators

I’ve been talking about various aspects of responsive design for a few months now and while there are plenty of topics that could still be covered, I thought it was time to wrap up this series and move on to some other things.
Continue reading

Workflows In A Responsive World: From Waterfall To Agile

Responsive design brings a new approach and philosophy to creating and building websites. Many are finding their old workflows less than ideal for responsive projects.
Continue reading

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

css.php