1.

1. What is responsive web design? 2. How is responsive web design implemented?

Answer»

1. The home page is displayed differently according to the screen size of the browser window (different screen sized devices mobile phone, palm top, tablet, laptop and desktop) we used. The website is designed dynamically (flexibly) that suit the screen size of different device introduced by Ethan Marcotte.

Before this, companies have to design different websites for different screen sized devices. By responsive web design, companies have to design only one website that suitably displayed according to the screen size of the devices.

2. It is implemented by using flexible grid layout, images, and media queries:

  • Flexible grid layouts: It helps to set the size of the web page to t the screen size  of the  device.
  • Flexible image and video: It helps to set the image or video dimension to t the screen size of the device.
  • Media queries: There is an option (settings) to select the size of the web page to match our device, this can be done by using media queries inside the CSS le.

 A well known Malayalam daily Malayala Manorama launched their responsive website.



Discussion

No Comment Found