Tag Archives: responsive design

mobile

Slide Show Time: Building a Future-Friendly Web

Embedded above is an excellent presentation by Brad Frost. Below you can find a video that goes along with the slides.
Frost’s slides and talk revolve around the idea that the web is changing too rapidly to claim we can create future-proof websites or webapps. Instead we need to think in terms of future-friendly sites. In [...]

mobile

The Current State of Responsive Images

The BostonGlobe.com on mobile, tablet and laptop screens

We’ve looked at several different ways to handle images in responsive web design, but new techniques keep popping up, many of them well worth exploring. Part of the reason there is no one answer, no go-download-this-code sort of solution, is that everything about responsive design is still very [...]

mobile

The Boston Globe Embraces Responsive Design

Responsive design is no longer something confined to the portfolio websites of the designers and developers who pioneered the idea. Using CSS media queries to adapt a website’s layout to varying screen sizes is fast becoming a standard part of web development.
Today’s case in point is the newly launched BostonGlobe.com, which uses the adaptive layouts, [...]

mobile

Build Faster Mobile Websites With ‘Adaptive Images’

Responsive design means your website can adapt to any screen size, but without some extra help your images might still clog up the mobile tubes.

HTML5

Screenfly: The Easy Way to Test Responsive Web Designs

If you’ve embraced responsive web design — and we sincerely hope you have — you know that fluid layouts, helpful as they are, can be tricky. Combine them with @media queries to re-size and re-position elements on the fly and you’ll quickly find that testing your site is much more complex. Not only do you [...]

Visual Design

Take Responsive Design Beyond the (Fluid) Grid

We’ve given you a look at some best practices for responsive design, but beyond the nuts and bolts of @media queries and flexible grids, there is something more subtle, and more important, at work behind the moniker responsive design.
Good design has always been about not just putting content first, but making it easy to read [...]

JavaScript

Tips, Tricks and Best Practices for Responsive Design

Unless you’ve been too busy wake boarding the Alps to notice, there’s a movement afoot amongst web designers — Responsive Design. Ethan Marcotte coined the term responsive design to describe the process of using liquid layouts and media queries to scale websites so that they fit any screen size. If you’ve never heard of responsive [...]