Ethan Marcotte wrote the book (literally) on responsive design in 2010. Ethan wrote that:
The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must “accept the ebb and flow of things”.
Ethan was involved in project for the 2011 Boston Globe redesign, which was the first big site to adopt a responsive approach. But 2012 was the year where responsive design hit the mainstream. Here are 5 great examples of responsive websites, from companies you might not expect.
Microsoft.com. Yes, Microsoft. The same company who brought us Internet Explorer 6 has a beautifully designed responsive website. The site looks glorious across all the common screen sizes (called breakpoints in the responsive design world). What makes Microsoft’s site especially nice is the widescreen design. The main hero image is 1600 pixels wide, much wider than most designers would have used in the past. Kudos for Microsoft for one of my favorite responsive redesigns in 2012.
General Electric. GE was founded in 1892 through a merger of Edison General Electric and the Thompson-Houston Electric Company, and has become of America’s best and most successful companies. GE recently launched a new, responsive design that looks great on desktops, tablets, and smartphones. GE also used a long page design, which nicely highlights the GE story and humanizes the brand.