Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 August 17

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
а) Короч их юзают потому , что  ещё 7 лет назад у нас не было удобного инструмента для построения колонок как в газете.

а были только флоаты и таблицы.
и потом инлайн-блоки для этого.

с флоатами были проблемы изза выпадания проваливания контекстов форматирования, и пожтому придумали хак аля .clearfix / это было киллерфитчей и магией на то время, и поэтому это упаковали в .row и .col

в бутстрапе это упаковали в .row и .col-1.col-2 .col-3 ... .col-12
а потом и в эти col-md- и col-lg ..

они просто не могли просто так отказаться от понятного инструмента, и придумали эти привязки к медиакверям.  мне кажется,  это не очень гибко и удобно.

сам не юзил но осуждаю короче
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
вот пример сетки на флоатах
http://mourner.github.io/dead-simple-grid/
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
а) Короч их юзают потому , что  ещё 7 лет назад у нас не было удобного инструмента для построения колонок как в газете.

а были только флоаты и таблицы.
и потом инлайн-блоки для этого.

с флоатами были проблемы изза выпадания проваливания контекстов форматирования, и пожтому придумали хак аля .clearfix / это было киллерфитчей и магией на то время, и поэтому это упаковали в .row и .col

в бутстрапе это упаковали в .row и .col-1.col-2 .col-3 ... .col-12
а потом и в эти col-md- и col-lg ..

они просто не могли просто так отказаться от понятного инструмента, и придумали эти привязки к медиакверям.  мне кажется,  это не очень гибко и удобно.

сам не юзил но осуждаю короче
а ещё их юзают потому что нет более удобного способа отделить поведение блока от положения 🙂 но многие не могут понять сей простой концепт.

апофигеем сетки является golden canon grid, но она достаточно сложна и для многих ситуаций избыточна.

А вот классические бутстрап-лайк сетки — идеальны для автоматизации и “поэкранных” интерфейсов.
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
golden canon grid
это для журналов чтоле ?
))
представил как всё будет ломаться когда размеры браузера будешь шивелить. особенно если в эти слоты будет помещён текст
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
golden canon grid
это для журналов чтоле ?
))
представил как всё будет ломаться когда размеры браузера будешь шивелить. особенно если в эти слоты будет помещён текст
при правильном подходе — не будет ничего ломаться
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
но обычная сетка — просто гарант бронебойности при правильном использовании
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
мы живём среди людей, люди склонны делать ошибки. это нормально. плюс, все хотят результат побыстрее и попредсказуемей.
источник

А

Александр in HTML/CSS — русскоговорящее сообщество
Sergey Bekharsky
мы живём среди людей, люди склонны делать ошибки. это нормально. плюс, все хотят результат побыстрее и попредсказуемей.
от этого 90% сайтов в последние годы выглядят как один
источник

KK

K K in HTML/CSS — русскоговорящее сообщество
Sergey Bekharsky
мы живём среди людей, люди склонны делать ошибки. это нормально. плюс, все хотят результат побыстрее и попредсказуемей.
Разбивать так сетку конечно интересно, вот только не запутаешься ли ты потом в
area
?
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Александр
от этого 90% сайтов в последние годы выглядят как один
и что? они решают похожие задачи
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
у автомобилей четыре колеса и руль
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
K K
Разбивать так сетку конечно интересно, вот только не запутаешься ли ты потом в
area
?
мне кажется это для наглядности сделано.  в дикой природе это заменят на классы с говорящими названиями
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
оттого и конструкторы сайтов переживают очередной виток спирали популярности
источник

А

Александр in HTML/CSS — русскоговорящее сообщество
Sergey Bekharsky
и что? они решают похожие задачи
они не впечатляют и не запоминаются, для брендов это наверное неоч хорошо
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
K K
Разбивать так сетку конечно интересно, вот только не запутаешься ли ты потом в
area
?
это просто пример
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Александр
они не впечатляют и не запоминаются, для брендов это наверное неоч хорошо
лол
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
на бутстрапе полно примеров таких, что сразу и не скажешь, что это бутстрап
источник

KK

K K in HTML/CSS — русскоговорящее сообщество
Александр
они не впечатляют и не запоминаются, для брендов это наверное неоч хорошо
сайты вообще не должны работать на запоминаемость
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
сетка — лишь способ раскладки данных
источник