What is the Responsive Design?
The Responsive Web Design (RWD) is the present and recommendable form to design and to develop webpages, so that they adapt automatically to the size of screen available, and using the same code HTML.
The translation to the Spanish would be €śdesign adaptable Web€?, and presents numerous advantages with respect to the alternatives previously used.
And, what became before the Responsive Design?
Good, formerly nothing was made. The webpages with a fixed size were designed and programmed (the majority resolution of the moment), and the one that had a smaller monitor of that measurement, would see them there. He appeared to him feared scroll horizontal, and the usability of the page went away to the fret.
It hears, sounds to me that €śelastic design€? was a called technique
It sounds to you or, with the arrival of the diversification in the sizes of monitors, began to estilar the €śelastic design€? or fluid, that was not nothing bad and that according to my opinion was the waiting room of the Responsive Web Design. But it presented some important disadvantages, since all the elements of the design had to be elastic, and did not allow to have controlled his disposition in no size, neither to show or to hide to the elements based on a size or another one.
I imagine that when arrived the mobiles, the thing was complicated enough
It was with the appearance of the movable devices when it was really necessary to consider alternative, since navigation from a as small terminal as a mobile was not far from easy to solve with the existing tools. No longer it was question of which the elements adapted slightly, was necessary to offer a navigation and completely different experience of the user.
What was made then? To offer different versions from the page for each device. When loading the page, the servant detected the type of device and it offered a different code to him HTML in each case. It was the arrival of the famous €śmovable version€?, that allowed to solve the problems of usability in small devices. It had, of course, inconvenient: different pages with different codes that to maintain and to update, contained duplicate that to Google it does not like anything, or the necessity to detect with success the device when constantly they appear new types, brands and formats. How solved is tablet? And a very small laptop which they left some ago years already? A version different from the page for each format?
History goes, then, what contributed DiseĂ±o Adaptable Web?
It happened to clean all this fight with the types of device. In summary, it came to say: €śHe does not matter to me what device you are, I guide myself by the size available€?.
Thanks to the appearance of language CSS3 (with which we defined all the style of the pages), that allowed €śAverage Queries them€?, we could begin to define different styles CSS for different ranks from size.
Thus, we can create a closed style, with a specific navigation, for the rank inferior to 300px, another one for the rank inferior to 456px, another one for 768px, etc. and I speak of a closed style, in which we have controlled what appears and disappears, what aspect and size have, being able to perfectly control the usability of the Web in each case.
It implies to do up to 6 different designs for a same page, but once solved it is not necessary to be interested in the type of device.
It goes, as if you want to visit the page from a canvas shoe WI-FI, I know that you will see it well, and using the same code HTML.