Size: a a a

2020 April 25

VA

Vladislav Altyncev in Frontend_ru
Дак они разные и есть
источник

VA

Vladislav Altyncev in Frontend_ru
Дизайн он разный
источник

AE

Alex Elkin🇪🇸 in Frontend_ru
Павел
Господа, где найти инфу по правильному расположению сеток в дизайне планшетной и мобильной версии сайта?
Ширину колонки, отступ сетки от краёв и тд
В гугле разные значения везде
потому что они везде разные, как захочешь так и будет, что значит правильные?
это как найти в гугле правильную машину для себя. но на самом деле у каждого своя "правильная машина" для его конкретных нужд, так же и с сеткой.
источник

VA

Vladislav Altyncev in Frontend_ru
Правильного нет, есть наболее распространенные
источник

П

Павел in Frontend_ru
Понял, спасибо Значит рассмотрю нагугленные варианты и выберу самый подходящий
источник

VA

Vladislav Altyncev in Frontend_ru
Бутстрапный бери да и всё) + сделай с цсс переменными, чтобы проще менять было
источник

П

Павел in Frontend_ru
Vladislav Altyncev
Бутстрапный бери да и всё) + сделай с цсс переменными, чтобы проще менять было
Да, бутстрап кажется самым логичным вариантом)
источник

VA

Vladislav Altyncev in Frontend_ru
Там у всех разница не велика. У getuikit вроде только точки разрешений отличаются
источник

VA

Vladislav Altyncev in Frontend_ru
Можешь ещё здесь глянуть https://codyhouse.co/ds/components у кодихауса обычно всё хорошо)
источник

П

Павел in Frontend_ru
Отличный ресурс, спасибо
источник

V

Valentin in Frontend_ru
Прикольно
источник

AE

Alex Elkin🇪🇸 in Frontend_ru
Vladislav Altyncev
Бутстрапный бери да и всё) + сделай с цсс переменными, чтобы проще менять было
так в бутстрапе и так на перменных все, или ты имеешь ввиду кастомные свойства? но тогда у меня вопрос, зачем эту механику тащить в сборку и нагружать браузер? у тебя будет динамически сетка меняться что ли?
источник

П

Павел in Frontend_ru
Alex Elkin🇪🇸
так в бутстрапе и так на перменных все, или ты имеешь ввиду кастомные свойства? но тогда у меня вопрос, зачем эту механику тащить в сборку и нагружать браузер? у тебя будет динамически сетка меняться что ли?
Изначально интересовало только правило построения сеток.
К примеру, я рисую 3 дизайна - 1920px, 1024px под айпад и 375px под мобильник
Если в десктопной версии контентная область 1140px, скажем
То какую контентную область сделать в версиях под планшеты и мобильные устройства
источник

П

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

AE

Alex Elkin🇪🇸 in Frontend_ru
Павел
Изначально интересовало только правило построения сеток.
К примеру, я рисую 3 дизайна - 1920px, 1024px под айпад и 375px под мобильник
Если в десктопной версии контентная область 1140px, скажем
То какую контентную область сделать в версиях под планшеты и мобильные устройства
ну посмотри как у других сделано. и да, у всех по разному будет.
у меня кстати один вопрос - мобильная версия 375, но таких телефонов, если не ошибаюсь, две одели, у остальных 99% 360-320 ваш дизайн как должен на них смотреться?
источник

П

Павел in Frontend_ru
Alex Elkin🇪🇸
ну посмотри как у других сделано. и да, у всех по разному будет.
у меня кстати один вопрос - мобильная версия 375, но таких телефонов, если не ошибаюсь, две одели, у остальных 99% 360-320 ваш дизайн как должен на них смотреться?
Насколько я знаю, у айфон 8 разрешение 375х667. Я решил, что это самый усреднённый вариант будет в 2020. Но вы правы, изменю ширину для мобильных устройств
источник

AE

Alex Elkin🇪🇸 in Frontend_ru
Павел
Насколько я знаю, у айфон 8 разрешение 375х667. Я решил, что это самый усреднённый вариант будет в 2020. Но вы правы, изменю ширину для мобильных устройств
вопрос то не в усреднении, вы дизайн делаете или верстку?
просто есть устройства с огромным экранам, но их условный вьюпорт имеет ширину 360, что на них будет? горизонтальный скролл, или все пресанет на 15 пикселей? а верстку это не сломает?
источник

AE

Alex Elkin🇪🇸 in Frontend_ru
я с одним заказчиком таким работал он мозг сношал что надо все идеально вылизать под его смартфон
источник

П

Павел in Frontend_ru
Alex Elkin🇪🇸
вопрос то не в усреднении, вы дизайн делаете или верстку?
просто есть устройства с огромным экранам, но их условный вьюпорт имеет ширину 360, что на них будет? горизонтальный скролл, или все пресанет на 15 пикселей? а верстку это не сломает?
Пока делаю только дизайн, верстать его ещё не начинал)
источник

П

Павел in Frontend_ru
Но, в принципе, уже в голове представляю как это верстать, так что думаю проблем не должно возникнуть
источник