Зачем отказываться от готовых сеток?

Question

[ForestEsprit]

Всем добрый день.
Поделитесь опытом написания самописных сеток. Зачем вы это делаете? То есть какие перед вами стоят цели? Почему решили написать свою сетку, а не использовать бутстрап и т.д?

Answer 1

[Котик Антон]

Смысл использовать bootstrap'овскую сетку там, где достаточно простого решения вроде ungrid?
А если нужно что-то гораздо сложнее, чем уровень сеток в bootstrap?
Или что-то более гибкое, как jeet?
А кому-то подавай сетку на flexbox...

В общем, задачи у всех разные, вот и решают их по-разному. Стандартные решения подходят 99%, но не всем.

Answer 2

[Nikolay Talanov]

Юзал сетки в своей жизни 0 раз и вряд ли когда-нибудь пойму на кой хрен они мне. Ну и естественно созданием однотипных сайтов в стиле "стопицотый шаблон для бутстрапа/вп" я не занимаюсь. Каждый раз сильно удивляюсь всем этим мегасерьезным обсуждениям сеток, велосипедов для их построения и прочего треша.

Answer 3

[Антон Нагаец]

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

Comments

[Сергей Горячев]

Не изменилась, а с выходом 4ки даже ухудшилась :)

[littleguga]

А разве нет там билдера? Тип только сетки взять без всего остального?

[Антон Нагаец]

littleguga: Если не использовать билдер то вес css+js для проекта будет в разы больше.

[littleguga]

Антон Нагаец: я это знаю, поэтому и предлагаю использовать билдер.
+ если я правильно помню, можно через npm закомментить и самому собрать через grunt/gulp, что они там сейчас используют

Answer 4

[Вадим Белкин]

Не совсем понятно, что имеется в виду по "написать свою сетку".
Если рассматривать способы реализации сеток, то их не так уж и много (float, flexbox или inline-block даже). Так что свой способ реализации придумать уже не получится, все самое простое и верное уже придумали и реализовали.
Название классов - это уже дело вкуса, а кол-во колонок зависит от потребностей так сказать. В итоге все самописные сетки это те же самые сетки из популярных css фреймворков. Самые распространенные сетки с колонками через float или уже на flexbox.
В итоге получается самописная сетка это кастомизация уже существующей системы, где вы назначаете или выбираете:
1. Названия классов для элементов сетки (row и col-**, grig и grid__column или т.п.)
2. Метод выстраивания сетки (через float как в bootstrap 2/3 и др.; flex как в bootstrap 4, foundation 6 и др.; или display: inline-block, со своими плюсами и минусами). В зависимости от метода у вам могут быть доступны доп.возможности по работе с сеткой (например при использование flexbox)
3. Кол-во колонок сетки (будь то часто используемая 12-ти колоночная, или свое ко-во);