Мясокомбинат Атрус

Паралакс это называется, в гугле много информации на эту тему и готовых библиотек

Ведь можно, для начала, найти клёвые примеры с фоновым изменением и развивать\ковырять\адаптировать:

• https://codepen.io/Funsella/pen/dpRPYZ
  
• https://medium.com/@_patrickcameron/a-complete-beg...
  
• jsfiddle.net/yu3ver/e0t7jbq0
  

Решение называется "адекватный начальник". Оставайтесь на окладе, продолжайте работать по 8 часов день с перерывом. Важно не количество отсиженного за работой времени, а качество сделанного.

Если вы будете работать по 16 часов, а на выходе будет фигня из-под коня - какой от этого прок? А оплату будете требовать в двойном размере. Не годится такое, не правильно это.

как я понял автор просто хочет получить ответ - верстай масштабируя браузер)

Ребята, складывается впечатление что люди считающие себя профессионалами в верстке и коде, просто боятся за свои задницы. Я недавно начал разбирать Мьюз, скажем так большой сайт с базой данных, кучей страниц, и фильтрами на нем сделать ПОКА невозможно. ПОКА. Но люди в этом направлении работают. И вопрос только во времени. А то что код грязный, согласен. Но на данном этапе когда ты создаешь визитки и лендинги, нахрена тебе ровный код. На скорость работы одностраничника это повлияет на столько незначительно что заметит это только тот кто пришел специально для того чтоб заметить) И еще одно, чтоб код был более чистым надо правильно работать в Мьюзе, там как и везде есть свои нюансы и хитрости. Вывод такой, на каждый товар свой купец. А господа верстальщики пусть не ссут, без них всерано далеко не уедешь)

Чтобы не искали, из Twitter Bootstrap:

Large display 1200px and up
Default 980px and up
Portrait tablets 768px
Phones to tablets 767px
Phones 480px and below

Хотя я для планшетов остановлюсь все-таки на 720. Андроид-планшеты популярны с HD Ready 720p.

P.S. Неимоверно рад, что теперь на Хабре. Есть возможность спросить у профессионалов, которые реально занимаются подобным.

На основе практики создания адаптивных сайтов, используем вот такой комплект ширин (для верстки с использованием брейкпоинтов):
320 или 480 — телефоны/смартфоны
800 — смартфоны/планшеты
1024 — ноутбуки/планшеты
1280 — десктопы/планшеты/ноутбуки
1600 — десктопы

А вообще, суть адаптивного сайта автоматически подстраиваться под любой размер экрана, и в идеале лучше вообще обойтись без переломных точек, а просто плавно подстраивать элементы сайта (размеры блоков, размеры шрифтов и т.д.) под размер экрана.

Я пробовал использовать подобные сетки, в итоге пришел к тому, что под каждый сайт нужна своя сетка. Просто, медленно меняя разрешение (размер) браузера, сам определяю ключевые точки для изменения тех или иных элементов.