Responsive Web Design
1. What is responsive web design and who first coined the term?
Responsive web design is taking a way of crafting websites in a manor that they are easy to navigate and use on a variety of devices. It is a combination of techniques of fluid layouts and media queries that make responsive web design possible. The term Responsive Web Design was coined by Ethan Marcotte.
2. Why use responsive web design principles and methods in your work?
Responsive web design principles and method should be incorporated in any website being built out due to the mobile web becoming more and more prominent. This make sures that a website will offer a good user experience in a variety of viewports.
3. What are some techniques and practices used in creating responsive web layouts?
There are a variety of techniques used to create Responsive Web Layouts. The first would be that creating a fluid layout for the site. So instead of setting the body element width to a set 960px, you could set the width to 100% and then set a max-width of 960px. This way all elements in the body confine to a smaller width as the viewport shrinks down. To control elements in the width media queries are required change content as width increases or decreases. Images regarding responsive web design have always been an interesting subject of debate. Some developers think that serving up different sizes of images with various viewports width is a way of getting around things. While others, myself include, believe that it is okay to serve up just one image that width is percentage base, while the max-width is set to the full width of the image.
4. How how does responsive web design relate to "universal design?"
Responsive web design relates to universal design by allowing websites to be viewed on any device that might come around in the future. And if someone is on a smaller screen or even massive 27" displays the website is very functional and does not make the user pinch and zoom through the website.
List at least three research references at the bottom of your post that you used to help you formulate your thoughts on this topic.