Responsive:
A web page should look good on any device or screen(desktops, tablets, and smartphones)
Introduction and need:
When computers are only in the market, that time there was no any “responsive” word using a website because output screen was the only desktop means mostly fixed. But from the launching of iPhone, the market trend tends to build separate sites for computer and mobile device. Initially, it was very easy to handle for developer perspective but it fell down due to increasing maintenance, promotional costs, the owner will have to maintain separately SEO Ranking for both sites(Computer and Mobile sites).
In 2010, Ethan Marcotte used “Responsive design” term. He published an Article focusing the changing environment of devices, screen sizes, browsers, and orientations. Building separate sites for every type of device simply wouldn’t be able to continue for a long time. Instead, he described an alternative concept of responsive design, which calls for building fluid layouts and flexible that adapt to almost all screen.
User point of view:
Responsive website Theme displayed good viewing experience to users no matter what type of device they’re using. Fro the last few years it is taking a very important role in website development, and Google is also prioritizing mobile-friendly sites in its search results algorithm, so nowadays it’s essential to make sure website is optimized for mobile by using responsive design.
Developer’s point of view:
For developing a Responsive Website Theme, Developer should have a set of criteria when building a responsive theme below are suggestions for a developer.
1-Home Page Design
2-Menu Bar Design
3- Content width designed-
Note:-
1-All container widths must be defined as percentages of the browser’s viewport.
2-Image size going to use on the website should be adjusted, being not larger than the max width of the screen.
3-Different styles will be applied to different media type’s screen, print, TV, etc. and parameters (width, height, color, resolution, etc.) using CSS3.
4-To decide what style applies to what media type one needs to establish which are the different display screen/width that requires differently. According to current market and devise following consideration is very essential:
-
Optimized images for different devices and connection speeds
-
Restyling links and buttons to be touch user friendly
-
Navigational patterns for mobile UI/UX needed Changing
-
Graphics should be retina versions
-
Dynamically resizing fonts to work better at different screen resolutions
