Menu Close

Responsive Design & Media Queries

Responsive Web Design by Ethan Marcotte
This article about responsive design was my favorite of the three because of all the information it gave readers. Some people might feel like it was an information overload, but I thoroughly enjoyed it. What I took from the article was that companies were asking Marcotte to design an iPhone website. This would be just as time consuming as designing a desktop website, you would think. Marcotte then explains the importance of having a reponsive website to conform to all screen sizes.

Introduction to CSS Media Queries by Arpan Dhandhania
I liked how Dhandhania gave us a background of CSS2 and CSS3. I also like the pictures he used as examples of how the page layouts work differently on different screens. The @media queries are very step by step and he included them in a different colored section to make them easy to find, copy and paste. Below I posted a screenshot of one of the picture examples used in the article.

Screen Shot 2016-02-29 at 3.12.43 PM

The Pros and Cons of Responsive Web Design vs. Mobile Website vs. Native App by Armen Ghazarian

This is another example of responsive web design can benefit any web designer. The user experience is one of the biggest pros listed in the article, right above cost and speed. One big con that I have experienced first hand is multiple URLs. This can get confusing when being redirected to a mobile website when you are used to a desktop version. This can also get very confusing for the designer or whoever is uploading the files to FTP. I learned that responsive design is also not universally compatible, contrary to popular beliefs. A single website will not necessarily work everywhere.

1 Comment

  1. Macy Neel

    I agree that the graphics in the Introduction to CSS Media Queries article were very helpful. I thought it was great that they not only included the correct code to use, but also showed how it would effect the design of your website. I felt like it was the most helpful article.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.