mobile first - так ли нужен?

Главные вкладки

Аватар пользователя VasyOK VasyOK 23 сентября 2020 в 18:08

mobile first - насколько он нужен?
Какой от него смысл?
На любимую мерялку всех сеошников page speed - влияет?

Раньше знал, про него, но не особо использовал: раз человек с компа смотрит - медиазапросов долджно быть поменьше в связи со старыми браузерами. А в мобильниках ПО скорей всего медизапросы поддерживает.

Комментарии

Аватар пользователя Punk_UnDeaD Punk_UnDeaD 23 сентября 2020 в 19:09

я уверен, что большинство

и речь не про отсутствие мобильной версии, а в том, что все медиаквери на расширение работают

Аватар пользователя bumble bumble 23 сентября 2020 в 19:15
1

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

должно работать максимально просто и быстро, и потом уже "обрастать".

Аватар пользователя Punk_UnDeaD Punk_UnDeaD 23 сентября 2020 в 20:06

да, на расширение

у меня нет уверенности, что прямо большинство верстает от мобильной версии вширь
зато есть уверенность, что большинство делает сначала десктопную, а потом рожает мобильные меню и вот это вот всё

Аватар пользователя Punk_UnDeaD Punk_UnDeaD 23 сентября 2020 в 20:23

с кучи проектов
в последнем, например, лично я верстал компоненты снанала для десктопной версии, потом писал мобильные правила и переносил десктопные в медиаквери
а в остальном коде было достаточно произвольно разбросано, но всё же чаще медиаквери на мобильные

Аватар пользователя Punk_UnDeaD Punk_UnDeaD 23 сентября 2020 в 20:32

это означает, что кто-то не верстает именно мобайлфёрст

что не мешает, конечно, ни делать мобильную версию, ни оставлять медиаквери только на расширение

Аватар пользователя bumble bumble 23 сентября 2020 в 20:37

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

Аватар пользователя Punk_UnDeaD Punk_UnDeaD 23 сентября 2020 в 20:45

ой всё
человек верстает то, что видит, а видит он распахнутое окно и body 1839px в моём случае
ну и что, что нет отдельной версии, зато в работе два чётких этапа
сначала одна версия, а потом изменения

покажите мне человека, который первую строчку в css пишет, сверяя с результатом в браузере в адаптивном режиме на айфон 6 и я пожму ему руку два раза

Аватар пользователя VasyOK VasyOK 23 сентября 2020 в 22:00

Не знаю насчет "мышления", в моем понимании mobile-first - это кода большинство запросов вида:
@media only screen and (min-width:500px) {}

а если "max-width" - это не mobile-first. Разве нет?

Аватар пользователя bumble bumble 23 сентября 2020 в 22:04

ответь на вопрос: медиа-запросы, к дизайнеру каким боком? а к юиксеру? медиа-запросы это просто инструмент.

Аватар пользователя VasyOK VasyOK 23 сентября 2020 в 22:11

Я не знаю что к дизайнеру каким бокам. Но меня несколько раз уже спрашивали: верстаю ли я мобайл ферст?

Аватар пользователя gun_dose gun_dose 24 сентября 2020 в 8:21

По-разумному медиа-запросы нужно писать в ту сторону, в которую получится меньше кода. И они могут быть как в одну сторону, так и в другую. Открою вам страшную тайну: медиа-запросы бывают ещё и в формате "от и до". Ну и учитывая то, что все верстают с препроцессорами, нет никакой нужды группировать медиа-запросы все вместе где-то там в конце. Все давно пишут их прямо по месту внутри блока.

Аватар пользователя ivnish ivnish 24 сентября 2020 в 10:04

У меня при mobile first получается меньше медиа запросов, чем при "не mobile first". Это одна из причин, почему я люблю mobile first

Аватар пользователя gun_dose gun_dose 24 сентября 2020 в 10:19

А ещё помимо медиа-запросов есть всякие скрипты. У меня дизайнер почти в 100% случаев рисует шапку так, что на десктопе и мобиле медиа-запросами всё вот так просто не разрулишь. Приходится либо выводить блоки повторно, либо таскать их через js из одного места в другое.

Аватар пользователя ivnish ivnish 24 сентября 2020 в 10:25

Мне тоже последнее время приходилось так извращаться с блоками. Другого простого способа, чем таскать их в другой регион js-ом я не придумал)

Пора уже в ядро добавлять такой функционал)

Аватар пользователя VasyOK VasyOK 24 сентября 2020 в 12:03

Я ничего не писал, что медиазапросы нужно объединять ну и что не нужно использовать запросы "от и до".
Так что ж такое mobile first? Как проверить на mobile first?

Аватар пользователя ivnish ivnish 24 сентября 2020 в 13:15

Примера нет. Но я заметил, что если делаю верстку для мобильных, а потом адаптирую её для планшета и десктопа, то медиа запросов получается меньше, чем когда сначала верстаешь для десктопа, а потом адаптируешь для мобильных. Это чисто субъективно