Increase in number of users that use smart phones, ipad and other devices has increased demand of responsive websites that is compatible to multi screens. Designing Responsive Website is confusing task for freshers or professional website designers. With the span of time users and demand of responsive website design is increasing tremendously. And the practice of it is moving fast. In fact the importance of this model modification has moved to base, from practice of table based layouts to CSS.

1. Follow Basic Guidelines for Responsive Web Design – Redspark Technologies
Increase in number of users that use smart phones, ipad and other devices has increased demand of responsive
websites that is compatible to multi screens. Designing Responsive Website is confusing task for freshers or
professional website designers. With the span of time users and demand of responsive website design is
increasing tremendously. And the practice of it is moving fast. In fact the importance of this model modification
has moved to base, from practice of table based layouts to CSS.
This article on Responsive web design will help and hold you to be with latest trends in website designing.
What is responsive web design?
In simple way you can ask what is responsive design? Or what does happen with responsive website design?
Only computers are not the only device to that is having web browsers. Now smart phones also has web browser
features and iPhone was the the leading in it & added interest in mobile devices. Many other mobile
manufacturing companies also followed the iPhone and the came a new era of using mobile phones like
computers.
This new revolution changed the expectations of users, now users expected to browse same as on desktop
computers or laptops. In the consequence of this web designers started designing a mobile compatible website or
mobile version of website.
This was not enough still more was waiting to come with new technologies apart from iPhone and personal
computers, other devices like touchscreen tablets and notebook computers came across in seemed everywhere.
Users not only love small screens. There are users who wish to have high-resolution screens displays.
Professional website designers needs to think for those users too.
Responsive designing is not only targeting single device but all available devices having web browsers. Hence
the different screen size resolution is becoming more popular and getting different variant of websites targeting
each individual device is inevitable.
Changeable Grids:
Ignoring liquid layouts is not advisable for responsive design. Using Fluid grid is key element for responsive
design. Today liquid layouts has became popular than fixed layouts that expands with the page size and then
centered on the page.
Fluid grids go a few steps beyond the traditional liquid layout. Instead of designing a layout based on rigid pixels
or arbitrary percentage values, a fluid grid is more carefully designed in terms of proportions. This way, when a
layout is squeezed onto a tiny mobile device or stretched across a huge screen, all of the elements in the layout
will re-size their widths in relation to one another.
Divide the target element by its content, and you will get proportion of each page element. To experiment this
create high accuracy pixel based image editor mockup in Photoshop. Finally you can measure page element,
divide with its full width of the page.
Fluid (changeable) grids are only thing that can make it possible for creating a responsive design. By
narrowing the width of browser the design will start breaking down. If we take an example, a web page with
three-column layout will is not going to work well on a small mobile phones. But, responsive web designs has
solve the problem by using media queries.

2. Media Queries
CSS 3 media queries is the second thing that is necessary for responsive design. CSS3 is popular among all cross
browsers. CSS3 media queries conditionally applies to CSS Styles and facilitates in collecting data about
website visitors.
Practically you will manage the layout that matches every device width. Depending upon users using design,
time and budget constraints, highly contextual situations and many more. Hence one should use his own mind
when deciding what resolution to target. More resolution will cost more time, if you are not sure about resolution
will charge more time.