Thursday, October 11, 2012

A great example of Responsive Web Design: www.microsoft.com

Maybe it’s something you would not expect but Microsoft.com is a great example of Responsive Web Design. Let’s open it up on a range of devices and just for fun we’ll do the same thing for apple.com.

This is how the sites look on my 24” screen:

image image

And this on my 15” laptop screen:

imageimage

And this on my 10” tablet:

imageimage

And this on my mobile phone:

imageimage

Enough said? Glimlach

15 comments:

Dave Van den Eynde said...

Is this about Microsoft's design or Apple's lack of?

Bart Wullems said...

As the title said: I'm impressed by the work that Microsoft did on improving their site experience.

Sage Aumick said...

Day by day, the number of designs, platforms, and browsers grow, and admittedly, your site would need to adapt with it. A responsive web design is one way of adapting to it because it can help the visitor use any browser they like without compromising the browsing experience. And clearly, the Microsoft website has used it to its advantage and made their site content easy to read and navigate, unlike the Apple website.

Staci Burruel said...

In addition to what Sage said, unlike adaptive web design, responsive web design has multiple fluid grid layouts that have a fixed width for large and medium browsers, and a fluid width for small ones. Think of it this way: your site is visually optimized for every screen size available. This gives the Microsoft website an advantage over the Apple website in terms of browser compatibility.

html ecommerce said...

Thanks for all your efforts in creating this informative post.

Muhammad Amir said...
This comment has been removed by the author.
Muhammad Amir said...

We found some great sites that utilize Responsive Web Design in one way or another. Take a moment to check out the examples below. Here’s a hint: adjust your browser size or change devices to test various user experiences. κατασκευή ιστοσελίδων

website development company said...

What’s up to every one, because I am actually eager of reading this website’s post to be updated regularly. It consists of good material.

web guru said...

Responsive web design gives more traffic to e commerce websites comparing to others websites. It reduces the development cost and gives more visibility to world wide web. Web Designing Company | Web Developer Company in Bangalore

Web Development India said...

Wow!! Very informative information you are sharing..




Property Management Software | Wedding Websites Online
Web Development India | Bicycles Online

Web Design Company said...

Responsive Web Design is the best way to improve the business over internet.


Web Design Company | SEO Services Bangalore

Samsun Nahar said...

This is really an awesome article. Thank you for sharing this.It is worth reading for everyone. Very informative article. Keep it up.
Web Design

Robert F. Crocker said...

definitely cool for those using #ResponsiveDesign front end developers

for IT the said...

Great & Useful Articles

Responsive Web Design Twitter Bootstrap Mobile First Development Bootstrap Training | Bootstrap Course | Bootstrap Online Training | Bootstrap Training in Chennai | Bootstrap Interview Questions | Javascript Training in Chennai | HTML5 Training in Chennai

Naveen Karma said...

I really like this Responsive Web Designs Company post, It's great.
Responsive Web Design Company in Indore