Question

Discuss how responsive web design principles influence web design.

Answer 1

ans_

ABOUT: RESPONSIVE WEB DESIGN

The responsive web design is the way of making web properties(web design), so that the target device on to which it displays determines the way it should get displayed. ( like the same web site displaying on a mobile screen, tv screen, tablets etc )

normally it is done using the principle as " mobile-first " - ie the experience( user experience ) is defined on the mobile devices first then it is scaled upon to larger screens ( TV, PC, etc )

The major or essential principles of responsive websites are :

1. Fluid grids
2. Media queries
3. Fluid images

1. FLUID GRIDS :

earlier web-sites are based on print media like newspapers, journals. columns are defined in absolute size to fit the positions. and here the mobile devices changed all of the theses, In Fluid grids- It uses the relative sizing to fix the content on the device screen.

2. MEDIA QUERIES:

Media query is a CSS technique introduced in CSS3.

The website detects the type of device people are using (resolution ) and then correctly displays the content. according to the screen size. if the screen size is changing, then the site will align and work according to it. - ALL OF THIS MAKE A BETTER DISPLAY IN MOBILE DEVICES

3. Fluid images and videos

allow the images and videos to load differently for different screen sizes. It can be achieved through the property known as scaling- (CSS max-width) in the CSS

example :

<img src="car.jpg" style="max-width:100%;height:auto;" >

if the max width is set to 100% then the browser will make it shrink/small image or expand to large depending on the container size or the HTML layout.

SO THESE ARE ALL THE ESSENTIAL PRINCIPLES OF RESPONSIVE WEB DESIGN WHICH HELPS THE WEBSITE TO ALIGN AUTOMATICALLY FOR DIFFERENT SCREEN SIZE, ALSO TO GET A FASTER SITE RESPONSE AND ALL.......

HOW IT INFLUENCE THE WEB DESIGN :

• easy to handle, as the one code for different devices
• website work well, the same way in any devices ( laptops, tablet, mobile etc )
• developers don't need to build more than one site to accommodate different screen sizes
• Flexible and faster response for each website