What is responsive design?
What is responsive design?
Responsive Design or more specifically Responsive Web Design is a digital interface design technique that ensures that the display of any page on a site automatically adapts to the size of the website. screen of the terminal that reads it. It is different from Adaptive Design although the two concepts are intended to improve the mobile ergonomics of the website.
Responsive Design adapts the layout of a site according to the screen resolution;
Self-adaptive web design is the expression that best explains this technology for displaying websites on mobile devices. The goal is of course to make it easier for users to read and navigate whatever type of terminal they are using.
With a smartphone, a tablet, a netbook, a connected TV or simply a computer, the page will appear complete and ergonomic without any manipulation to do with the zoom in / out and the horizontal scroll bar. The site code adapts its layout according to the screen which presents its pages. There is an automatic resizing of text and graphic content blocks as well as a reorganization of their layout.
Responsive Web Design has certain advantages but also a major disadvantage nonetheless
This solution, which can be summarized by the expression "Mobile first", is a response to the current tendency of Internet users to use mobile devices more and more and was made possible thanks to CSS3 Media Queries. Behind this self-adaptation are identical HTML code for the different types of terminals, graphics with adaptive resolutions, a fluid grid system and of course the CSS3 Media Queries which manage the style sheets.
A rule allows web designers to easily manage the creation of this design. It is a question of starting from a display in 320 px then of going up to increasingly larger resolutions.
The advantages of RWB are important, at least as long as the webdesigner goes well in its design, that is to say if it takes care of the bottom of its pages, anticipates the behavior of users, takes into account the functionality of different touch terminals and knows how to exploit the tendency of resolutions to grow. The simple Drupal V8 as well as the powerful version 3.8 of the WordPress CMS are at its service to do this.
To create a site that adapts to all displays, all you have to do is develop a single HTML code. On the user side, the positivity of the experience on the ergonomic level is no longer to be presented. However, perfection does not exist since this ability to be adaptive on mobile screens is accompanied by a deterioration in the speed of page display. The reason is that the RWB must load the entire CSS file.
It should also be noted that this page loading time has only a very small impact on positioning in terms of SEO but is of great importance for the mobile user.
Although this degradation is minimal, it can be sufficiently penalizing for certain mobile applications to justify the choice of a solution other than Responsive Design. There is still a possibility for the creator of the site to let appear certain elements of content only on the resolutions higher than those of smartphones to circumvent this kind of problem.

Comments
Post a Comment