Responsive Web Design (RWD) is an approach to Web design and development that aims at crafting sites to provide optimal experiences across a wide range of devices based on screen size, platform, and orientation.

- Stackoverflow.com Wiki
14 articles, 3 books. Go to books ↓

A site can be coded responsively or you can be tasked with doing a retrofit to make a fixed-width site responsive. Is it better to get a desktop site out quicker and then work on making it responsive as a 'phase 2'?


As mobile and tablet devices come closer to achieving final world domination, web technology is in a race to accommodate the ever-growing number of screen sizes. However, devising tools to meet the challenges of this phenomenon brings a whole new set of problems, with one of the latest buzzwords to emerge being “responsive web”.


Responsive design aims to divorce itself from device or platform-specific factors. Instead, it adapts to device-agnostic properties like screen size, pixel density, and device orientation. If your site is built on device-less principles, but its usage is measured against device-only metrics, you’re going to get a mismatch—potentially a big one.


Testing your responsive web designs is crucial because the user experience on mobile devices is quite different from desktops. But actual testing on all the mobile devices in the market isn’t practical for most of us.


If you’re a member of the web or UI design community, it’s been hard to avoid talking about Sketch over the last year. The launch of this design app shook up an industry dominated by Adobe for more than two decades, and it has caused an ongoing debate about whether Sketch is better than Photoshop and Illustrator (and Fireworks).


In case you haven’t already heard, mobile responsive design is kind of a big deal. All the big names in digital marketing have talked about it, but it turns out that it might be even more important than even they thought.


Responsive Web Design builds on the primary design principle underlying the web’s core usefulness and growth: universality. A content out approach that is device agnostic makes your responsive website future friendly as it will in theory work on any device. The web wins the more viewable your website is. By adapting our responsive websites to work with multiple languages we can further increase the number of users who are able to use our content.


"I just had my responsive images epiphany and I'm writing it all down before I forget everything. This is what I know…"


Google+ hit their goal of never downloading more than 60k of HTML, 60k of JavaScript and 60k of CSS at any one time!


Design patterns often have a bad reputation. They are often considered to be quick, lazy, off-the-shelf solutions that are applied blindly without consideration of the context of a problem. Solutions such as the almighty off-canvas navigation, the floating label pattern or carousels for featured products are some of the prominent ones.


Building HTML email is hard. Building responsive HTML email is even harder. But as we can see from the stats, it is imperative that your emails look good on mobile.