50 Tools for Responsive Website Design

| July 22, 2012 | Reply

As introduced/coined by Ethan Marcotte in both his article “Responsive Web Design” as well as his best-selling book, one needs three elements to make a site responsive:

  1. A flexible/fluid grid
  2. Responsive images
  3. Media queries

There are plenty of other great articles that cover motives, concepts, and techniques regarding responsive web design, so we’ll keep the focus of this article on some top tools that will help you become responsibly responsive.

Tools for starting out

Before you start with building your site, it’s best to sketch out how the elements on the page will adapt to fit the different browser sizes of the various devices that they will be viewed upon, and to avoid the disconnect that often comes from thinking primarily about the desktop design and the rest of the responsive iterations as an afterthought (see especially Stephanie (Sullivan) Rewis‘ comment).

Read more at NetMagazine.com | 50 Fantastic Tools for Responsive Website Design

Share!
  • more 50 Tools for Responsive Website Design

    Related posts:

    Responsive Website Design
    Responsive Website Design

    Related terms: Responsive Web Design Definition, Responsive Web Design Gallery, Responsive Design with Images, Responsive Design Example

    Category: Resources

    About the Author ()

    Sara is a Kent State University alumna with a degree in public relations.

    Leave a Reply