@podkudahka
крутой

Зачем верстать вначале мобилку?

В чем плюсы такого подхода к верстке?
  • Вопрос задан
  • 1204 просмотра
Пригласить эксперта
Ответы на вопрос 4
profesor08
@profesor08
В чем плюсы такого подхода к верстке?

Плюсов нет. Это палка о двух концах, либо стили переопределяются в одном порядке, либо в другом. На выходе будем иметь следующее: при mobile first на мобилках будет минимум переопределений, на десктопе - максимум. При desktop first на оборот. Это влияет только на скорость первичного рендера элемента.

Если же хочется настоящей оптимизации, то не должно быть переопределений стилей. Это значит надо писать часть стилей, которые постоянные как обычно. Стили которые меняются, писать только для определенных брейкпоинтов, и делать это по умному, чтоб ничего не переопределялось.
При таком подходе не будет иметь никакого значения для какой платформы ты в первую очередь пишешь код. Все будет одинаково оптимизировано.
Ответ написан
delphinpro
@delphinpro
frontend developer
Mobile first — это не только последовательность медиа-запросов.
В первую очередь этот подход ориентируется на представление важного содержимого, легковесность и оптимизацию для мобильных устройств и мобильного интернета.
Ответ написан
Lord_Dantes
@Lord_Dantes
Чат джунов t.me/developersjunior
Зачем верстать вначале мобилку?

Не зачем.

В чем плюсы такого подхода к верстке?

Ни в чем. Даже сравнений нету, вот буквально ни с чем.
Ответ написан
Kozack
@Kozack
Thinking about a11y
Вы делаете один файл со стилями main-styles.css. В нем вся верстка сайта как для мобилок.
Отдельно делаете файл desktop-styles.css в котором переопределяете главные стили чтобы адаптировать верстку под широкие экраны. Затем сервер для мобильных отдаёт только один файл, а для десктопов — два. Десктоп загружает больше трафика, но на нем как правило и скорость сети выше.
Как то так.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы