What Is Responsive Web Development
2.1 What is Responsive Web Development
Responsive Web Design is design technique or programming method through which website will work for different types of screens without any quality lose.There are three different types of devices that is desktop, mobiles and tablets provided by different manufacturers with varying screen resolutions(Firdaus, 2014).It is difficult to design separate page for every device.So the term Responsive Web Design was introduced in 2000 which eliminated the need for developing separate page for mobile devices. Responsive web design involve using CSS and HTML to resize, hide, shrink, enlarge, or move the content to make it look good on any screen.
The responsive web property analysis of the webpage “makezine.com” was done using the Google Chrome Device Emulator.ForLarge Display Generic notebook or desktop screen resolution 1280×768 pixels was used, for medium Display Nexus Andriod 7 device with display approximately 480×640 pixels, in both landscape and portrait orientation was used, and for tiny display blackberry z10 device with display approximately 400×640 pixels, in both landscape and portrait orientation was used.Following is the analysis or evaluation of important RWD principles.Screenshots for all the listed devices are included.