23 сентября 2020 в 18:08
mobile first - насколько он нужен?
Какой от него смысл?
На любимую мерялку всех сеошников page speed - влияет?
Раньше знал, про него, но не особо использовал: раз человек с компа смотрит - медиазапросов долджно быть поменьше в связи со старыми браузерами. А в мобильниках ПО скорей всего медизапросы поддерживает.
Комментарии
нужен настолько, насколько ты оцениваешь свою аудиторию
блин, 2020 уже к концу подходит... реально еще кто-то не мобайл-ферст клепает что-то?
я уверен, что большинство
и речь не про отсутствие мобильной версии, а в том, что все медиаквери на расширение работают
на расширение?
так ведь и нужно - сделать отображение на мин разрешения, и прогрессивно улучшать.
мобайл-ферст, это далеко не только про стили, это методология, подход к разработке, мышление.
должно работать максимально просто и быстро, и потом уже "обрастать".
да, на расширение
у меня нет уверенности, что прямо большинство верстает от мобильной версии вширь
зато есть уверенность, что большинство делает сначала десктопную, а потом рожает мобильные меню и вот это вот всё
а откуда уверенность? если не секрет.
с кучи проектов
в последнем, например, лично я верстал компоненты снанала для десктопной версии, потом писал мобильные правила и переносил десктопные в медиаквери
а в остальном коде было достаточно произвольно разбросано, но всё же чаще медиаквери на мобильные
а, ну это субъективно все... не считается )) много кто нормально верстает, по моему опыту
это означает, что кто-то не верстает именно мобайлфёрст
что не мешает, конечно, ни делать мобильную версию, ни оставлять медиаквери только на расширение
да нет никаких мобильных версий, уже лет 5, а то и все 10. это и есть то мышление, о котором я выше писал. когда делаешь прогрессивно улучшая - все получается нормально, без необходимости (преимущественно) создания отдельных версий. есть 1 сайт, полностью адаптивный на всех устройствах.
ой всё
человек верстает то, что видит, а видит он распахнутое окно и body 1839px в моём случае
ну и что, что нет отдельной версии, зато в работе два чётких этапа
сначала одна версия, а потом изменения
покажите мне человека, который первую строчку в css пишет, сверяя с результатом в браузере в адаптивном режиме на айфон 6 и я пожму ему руку два раза
ок, понял
Не знаю насчет "мышления", в моем понимании mobile-first - это кода большинство запросов вида:
@media only screen and (min-width:500px) {}а если "max-width" - это не mobile-first. Разве нет?
ответь на вопрос: медиа-запросы, к дизайнеру каким боком? а к юиксеру? медиа-запросы это просто инструмент.
Я не знаю что к дизайнеру каким бокам. Но меня несколько раз уже спрашивали: верстаю ли я мобайл ферст?
По-разумному медиа-запросы нужно писать в ту сторону, в которую получится меньше кода. И они могут быть как в одну сторону, так и в другую. Открою вам страшную тайну: медиа-запросы бывают ещё и в формате "от и до". Ну и учитывая то, что все верстают с препроцессорами, нет никакой нужды группировать медиа-запросы все вместе где-то там в конце. Все давно пишут их прямо по месту внутри блока.
У меня при mobile first получается меньше медиа запросов, чем при "не mobile first". Это одна из причин, почему я люблю mobile first
А ещё помимо медиа-запросов есть всякие скрипты. У меня дизайнер почти в 100% случаев рисует шапку так, что на десктопе и мобиле медиа-запросами всё вот так просто не разрулишь. Приходится либо выводить блоки повторно, либо таскать их через js из одного места в другое.
Мне тоже последнее время приходилось так извращаться с блоками. Другого простого способа, чем таскать их в другой регион js-ом я не придумал)
Пора уже в ядро добавлять такой функционал)
Я ничего не писал, что медиазапросы нужно объединять ну и что не нужно использовать запросы "от и до".
Так что ж такое mobile first? Как проверить на mobile first?
https://habr.com/ru/post/269419/
Не работают ссылки:
http://moffjs.com/examples/mobile-first
http://moffjs.com/examples/non-mobile-first
Хорошо другой вопрос. Можешь привести пример сокращения, медизапросов, которое у тебя получаются при mobile-first.
Примера нет. Но я заметил, что если делаю верстку для мобильных, а потом адаптирую её для планшета и десктопа, то медиа запросов получается меньше, чем когда сначала верстаешь для десктопа, а потом адаптируешь для мобильных. Это чисто субъективно