responsive web design
DESCRIPTION
A brief overview on Responsive Web Design.TRANSCRIPT
Responsive Web Design
Needs
New devices have been developed with sizes and resolutions of all kinds and not all devices provide a great viewing experience to the user.
Creating different pages for each device is unviable because this procedure needs a lot of time and needs a lot of control.
Solution to alleviate these needs Use an approach that adapts to the user.
Use the approach of Responsive Web Design.
What is Responsive Web Design? An approach that is able to adapt the display (to the screen) for the viewing
environment of the user.
Its goal is to provide quality in content presentation and user friendly for the user.
Key Features of RWD
For this approach to work properly, there are 3 key Features:
Media Query
Fluid Grids
Flexible Images
Media Query
CSS (Cascading Style Sheets) elements allow the page to use different rules based on the characteristics of the device where the website is being displayed.
Fluid Grids
The Fluid Layout is a feature in which objects are resized and thus adapt according to the type of screen.
Flexible Images
Images that have dimensions in relative units to adjust the image surrounding the entire content.
Advantages of RWD
Best viewing experience for different devices
Improve SEO
“ recommends webmasters follow the industry best practice of using responsive web design, namely serving the same HTML for all devices and using only CSS media queries to decide the rendering on each device.”
Disadvantages of RWD
Developing website with this approach is more time consuming in the initial period, as it requires a “deeper study” of how power sets content to any resolution.
Some older browsers are not prepared for the use of Responsive Web Design, by not recognizing the CSS media query element.
Results with RWD
Conclusion
Responsive Web Design is definitely the most viable solution to optimize the user navigation nowadays.
Create websites with approach of Responsive Web Design requires deeper knowledge of developer.
Responsive Web Design is recommended for those who want to provide the user with quality navigation.
Using this approach facilitates improved SEO results.