2.1 What is Responsive Web Development Responsive Web Design is design
technique
or programming method through will
which
work
for
website different
types of screens without any quality loss.There are three different types of devices that are 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 a separate page for mobile devices. Responsive web design involves 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 of all the listed devices are included.