Is responsive layout related to design?

Question

css

1) Adaptive layout and adaptive design. What are the differences? Do I need responsive design for responsive layout?
Is it possible to perform responsive layout for non-responsive design? Or are responsive design and responsive layout related? Or are they synonyms?
I'm going to book a site. I have a prototype according to which I need to draw layouts. Is there a possibility that it will be impossible to make an adaptive layout for a design made according to my prototypes? Or adaptive layout can be done with any design?
2) I also need cross-browser compatibility. The following browsers need to be supported:

1. Google Chrome
   
2. Firefox
   
3. Yandex browser
   
4. Opera (Blink)
   
5. Explorer 11
   
6. Opera 12
   
7. Chrome (Mail.ru)
   

+ Mobile browsers:

1. Android Browser
   
2. mobile safari
   
3. Opera Mini
   

If I have a responsive layout, will this mean that my site will display correctly in mobile browsers? Or are cross-browser compatibility and adaptability unrelated?
Is it possible that in all the above browsers (already 11 pieces! + old versions) the site is displayed correctly or is it too much and it will not work?
Thanks in advance for your answers!

Answer 1

Responsive design - means designing a web page in such a way that elements can be moved, moved and removed without violating the integrity of the composition.
Adaptive layout is already a technical component. HTML and CSS markup is made in such a way that the elements have a "smoothness" and easily adapt to the size of the browser, as well as optimized for mobile devices.
Compression of html, css, javascript and image optimization, as a rule, special rules are added for retina displays, so that they would be displayed better on modern phones.
The correctness of the work depends on the programmer, if he is good, then this problem will not exist, since an experienced person initially creates a cross-browser layout. (this is at the subconscious level)
Yes! If the design does not include the ability to "float" (visually remain holistic), then problems arise.

Answer 2

The output design gives PSD, layout - working HTML.
Cross-browser compatibility existed long before responsive design.

Answer 3

Certainly connected. Who, if not the designer, should decide how the layout will look in different conditions?

Answer 4

1. Adaptability needs to be laid already at the design stage. Those. make several layouts of one page at once for different resolutions. If this is not done, it will be difficult for the layout designer to understand how the site should look, for example, on mobile devices (at low resolutions).
2. Your site will most likely be displayed correctly in mobile browsers anyway, because they have the same WebKit that is used in desktop Chrome "under the hood". But without adaptive layout, it will be displayed in the same way as on the desktop, which will probably not be very user-friendly - it will be small.
In all modern browsers, rendering is approximately the same, so ensuring cross-browser compatibility for them will not be a problem. For old ones, I would advise not to bathe with a complete design identity, but simply provide a simplified version while maintaining functionality.

Answer 5

The developers of our team know how to make adaptive layout, regardless of whether the layouts have a mobile version. This is just a must-have for today, because by default we work that way.
The correctness of display in different browsers is due to the skills of the layout designer. A competent specialist is always aware of the latest changes in the work and algorithms of browsers, can use modern styles (for the latest versions of browsers) or typeset using old methods (if the customer requires it, although in practice we don’t have to do this). Layout cannot be displayed equally well in outdated versions of browsers and in modern ones - at least because these programs work on completely different principles. And modern ones are already adjusted as much as possible to a single standard.
If you have a question about choosing a layout specialist, please contact us https://verstka.top/