Code: Responsive Web Design

UXmatters has published 3 articles on the topic Responsive Web Design.

Top 3 Trending Articles on Responsive Web Design

  1. Sample Chapter: Going Responsive

    March 4, 2019

    This is a sample chapter from Karen McGrane’s book Going Responsive. 2015, A Book Apart.

    Chapter 4: Clean Up Your Content

    “The responsive design became a content solution and not just a technical solution to make the ongoing evolution of our digital products more robust.”—Alex Breuer, the Guardian

    Cover: Going ResponsiveFluid grids, flexible images, and media queries: nothing in the definition of Responsive Web Design (RWD) says anything about your content. And yet, a lasting benefit for many organizations comes from the process of cleaning up and paring down content.

    It probably comes as no surprise that creating a good user experience across all devices means presenting less content, better content, and more thoughtfully prioritized content. Gone are the days when we could assume that users want—and look at—everything we cram onto the page and shove into the right column. Truth is, users never wanted all that dreck. Now, with smaller screens, we’re forced to acknowledge that uncomfortable truth and make decisions about what really matters. Read More

  2. Jump Start Responsive Web Design

    August 7, 2017

    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

    Jump Start Responsive Web Design CoverIf 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

  3. Delivering Better Mobile Email Messages with Mobile-First, Responsive Design

    April 6, 2015

    We’ve probably all had the experience of opening an HTML email message on a smartphone only to find that it hasn’t been optimized for mobile. The text is too small to read easily, and it’s difficult to interact with calls to action because of their size and spacing. However, there are ways in which email creators can solve these problems, including using responsive design techniques and taking a mobile-first approach to designing HTML email messages.

    The example shown in Figure 1 is a TechCrunch daily-update email message, which is not optimized for smartphone users. The first problem is that the headline text is too small to read easily without zooming in, so it requires horizontal scrolling. Some headlines have additional text beneath them, but that text is even smaller. And the read more call to action feels almost microscopic. To be fair, the headlines also link to the articles, but people may not know that at first, because there is a separate, more explicit call to action. Read More

New on UXmatters