This is an adaptive design?

Good afternoon.
I want to do is design adaptive websites. And if such all clear. There is a fixed mesh, a few control points can be seen when changing layouts under different resolutions, it is clear what to do and how to do etc., here c such or such difficulties arise. I understand that this is responsive design. What mesh are they made? I see that there is a structure, but it is still not clear. How to "draw", to avoid spitting coder?
July 9th 19 at 13:29
3 answers
July 9th 19 at 13:31
How to "draw", to avoid spitting coder?

Here it is: https://github.com/andrey-hohlov/psd-templates-req...
Great reminder! Some things learned for myself, but mostly everyone did. Here is a little bit different( - brooklyn.Herman commented on July 9th 19 at 13:34
Yes, thank you. A very necessary thing. - verdie25 commented on July 9th 19 at 13:37
July 9th 19 at 13:33
In fact technically the difference is not great.
Hands have to do exactly the same thing. But in the second case, the description of the design will be longer and more detailed. Even better with the prototype.
These examples are like heaven and earth. There should not even be such that the coder spat.
The designer's job is not to give pictures and forget. It should be a bunch of understanding and respecting each other professionals (or in the face of a man that rarely).

Mesh is a special case. Imagine - and this will be. But the wheel has already been invented.
Well. I guess I'm obtuse))) Realized that the difference in technical terms for the coder is not great (Yes, I plan to learn html and css, but now we need to understand how to work with what we have, but I suppose that the first case is laid out in px, and the second in %). Take this website where there is that? Ie I'm taking 1280 px - separate menu to 280px and the other 1000 by using this is split into so many "rubber" column. After a separate file - the application describes a unit, how and where will go and how to behave? With the permission 1280 to 1920 for example. - brooklyn.Herman commented on July 9th 19 at 13:36
: Yes, there is generally two columns and the background. No need to complicate anything;)
9d8146f9d5f74284bf6036391f1ef98c.png - verdie25 commented on July 9th 19 at 13:39
: doom! Super! Something began to dawn! If you don't mind, could you give an example of a similar website, but with a large number of columns. Thank you! - brooklyn.Herman commented on July 9th 19 at 13:42
: offhand https://www.airforce.com/ - Elaina.Shields17 commented on July 9th 19 at 13:45
July 9th 19 at 13:35
I did not see the technical differences between the first site and the other two. All media queries and grid is visible only if you look at the size and proportions of elements, such as in the layout it is not (i.e., there are no classes for speakers, and is rated to each element of the styles). Grids can be any number. Can their adaptive grid to do it for 10 minutes. The main thing is to know which mesh will be used by the coder. If not an option (for example, coder has not yet found), take the classic 12-column or 16-column. Think of what resolution will dance to. Typically, the base width is 960px. Divide 960 by 12 or 16 and the guide in the photoshop canvas. To avoid spitting coder remember one rule: it's the net, not strings. Beyond the rails is better not to go, because it is the border blocks. I say this because this rule is often neglected.
How is there no difference? And in no sense in the layout, can this be? First I see only bg and stretches the boundaries are clear content, and the second stretches everything. It's kind of a mixture of rubber and adaptability? Are all the same 5 layouts (for example), but only by a rubber mesh? Is there some standard for these meshes? As the bootstrap-native-1170, etc. - brooklyn.Herman commented on July 9th 19 at 13:38

Find more questions by tags Adaptive designDesign