Adaptive web design appeared relativelyrecently. As a concept he introduced I. Markott in 2010. This phrase means that when developing and creating a site, methods and techniques were used that allow you to view information on both large and small devices. In this case, the user does not have special inconveniences.
Currently, you can go to the Internet fromcomputer, laptop, netbook, iPhone, iphone, phones with a variety of screens, etc. Make your version of the site for each device quite costly. And in this case, adaptive design comes to the rescue.
The number of receptions that this direction uses includes:
- "fit" the web page for different sizes and screen resolutions;
- accounting for a phenomenon such as a touchscreen that does notassumes the use of a mouse (here also draw attention to the unwantedness of the menu on the left side, because users are predominantly right-handed, which entails a periodic "grazing" of the menu when the device is in the left hand);
- the use of dynamic images thatchange their sizes (here before the developers there are two main problems - the download speed and support for the configuration of the page by all browsers, for example, the option max width 100% in CSS does not support some versions of the Internet Explorer);
- change the configuration of the entire site layout whenaccess to it from various gadgets (specialists who practice adaptive design pay attention to the useful option CSS media queries, which allows you to register the basic style and "refine" the parameters for different screens);
- work with content, suggesting that forthe main formats selected such content, which is easy to read without loss of informative content (for example, for large phone advertising versions it makes sense to change large advertising photos for links, etc.);
- Creation of one-column resources;
- Reformatting tables or presenting data in the form of diagrams / drawings;
- formation of a drop-down menu;
- repeated testing of the results.
Adaptive design develops quickly enough(along with the increase in the number and type of devices, as well as users of the Network). Therefore, today you can find many examples of sites implemented using this technique, as well as programs that create "rubber" grids or generate finished sites, having only the basic knowledge of html and CSS.
All about the design of sites you can learn by goingseveral stages, among which you can note the work with graphic editors, as well as the study of the foundations, which allows not only to draw a beautiful picture and fonts, but also to have an idea of how the details can be "transferred" to the screen by programming tools. This combination of skills makes it possible to avoid unnecessary "alterations" and misunderstandings on the part of those who will implement design ideas. Professional artistic education and knowledge in photography will not be superfluous. And the "aces" know foreign languages as well. mostly on English-language resources, new interesting articles and techniques are published, including those with the labels "Adaptive Design".