The opening of this article brings up an excellent point. If you create a non-iPhone website and then an iPhone website, what’s next- an iPad website, N90 website? Instead of creating different websites for the plethora of devices people can use to browse the web, you need to create a website that can work on all of them. Before this class, I never realized that browsing the web on my iPad, Nook, iPhone, TV, etc., would be very different. Nor did I realize each would need to be considered when writing code so that the website is functional on each device. It’s quite intimidating.
The purpose of this article is to encourage the use of responsive web design. “Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience.” That goes with the first part of the author’s article, as explained above.
Media queries do make a lot of sense. If it doesn’t pass the test, then a new style sheet corrects the webpage to fit the device being used. But, it’s still very in-depth and time consuming. The author sums up responsive web design at the end: “Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design, but it also requires a different way of thinking.”