Code: Responsive Web Design

This is an excerpt from Scott Jehl’s book Responsible Responsive Design. 2014, A Book Apart.

Chapter 1: Responsible Design

“My love for responsive centers around the idea that my Web site will meet you wherever you are—from mobile to full-blown desktop and anywhere in between.”—Trent Walton, “Fit to Scale”

Responsive design’s core tenets—fluid grids, fluid images, and media queries—go a long way toward providing a holistic package for cross-device interface design. But responsive design itself relies on features that may not work as expected—or at all. Our sites need to react to unexpected user behaviors, network conditions, and unique support scenarios.

In this chapter, we’ll dig into two responsible tenets: usability and accessibility. We’ll cover higher-level considerations before getting into nitty-gritty code you can implement now and expect to last. To start, let’s talk design. Read More

In this month’s edition of Ask UXmatters, our panel of UX experts discusses whether to recommend creating a responsive Web site or application over a native mobile app. While each type of application offers unique benefits, the panel advises UX designers not look at this as an either/or question. Instead, consider the benefits of creating both of these types of applications on a continuum. Clearly, a Web site is necessary at least to enable customers to discover a product.

A UX designer should consider how best to satisfy user needs, relying on a deeper consideration of the usage scenarios for specific types of users. Depending on the contexts of use, users often require that a tool be available on more than one platform. Plus, you must consider business needs throughout the design process. Read More

This is a sample chapter from the Second Edition of Chris Ward’s book Jump Start Responsive Web Design. 2017 SitePoint.

Chapter 4: Responsive Text

If Web pages are to be truly responsive, then the content of pages should also flow and change to suit the dimensions of the device a user is viewing it on. While Web pages are becoming more image and media heavy, text is still a crucial component, and there are numerous techniques to help make it as readable as possible, no matter the current device.

To understand better the ways you can represent text on a Web page, it’s best to take a trip into the long history of text. Read More