Posts Tagged: responsive design

Serving responsive images with simple CSS and a spacer PNG

There’s a lot of proposed solutions to the problem of serving different resolution images for different sized devices: small for mobile, big for widescreen and iPad Retina displays, and everywhere else somewhere in between. Unlike many other CSS or JS based solutions, Matt Stow’s doesn’t feel hacky and is widely compatible with a wide variety of browsers (IE8 and older excluded.)

Slick responsive design demos

I'm a big advocate of responsive design, yet it's often hard to convey visuals on multiple devices by just resizing a single browser back and forth. Developer Jaime Reynolds' solution makes a responsive demo a hell of a lot more straightforward: Iframes are dropped in shells of different widths, each of which represents a different device.