CSS сетки + фреймфорки. Как быть?

Question

[Андрей]

Здравствуйте! Как правильно использовать css сетки? Стоит разобраться и написать самому свою сетку или использовать уже готовую (например с bootstrap, но если я правильно понял, то она подойдет только для тех макетов которые нарисованы конкретно под нее). Тогда возникает следующий вопрос: "Есть ли универсальные сетки которые я смогу использовать при верстке на любом шаблоне?"
Подскажите пожалуйста, как мне действовать и верстать в дальнейшем, а то в голове все перемешалось и не могу разобраться.
Заранее спасибо за помощь и извините если вопрос сформулирован неправильно.

Comments

[Сергей delphinpro]

например с bootstrap, но если я правильно понял, то она подойдет только для тех макетов которые нарисованы конкретно под нее

не правильно понял

Есть ли универсальные сетки которые я смогу использовать при верстке на любом шаблоне?

Любая вменяемая сетка настраивается. Тот же бутстрап (сетку) можно использовать в подавляющем большинстве случаев, кроме всякой экзотики

Стоит разобраться и написать самому свою сетку или использовать уже готовую

Разобраться стоит. Писать - нет, ведь есть уже готовые.

Answer 1

[Rheinmetall]

Что мешает настроить bootstrap сетку под себя?

Answer 2

[Сергей БАрд]

если я правильно понял, то она подойдет только для тех макетов которые нарисованы конкретно под нее

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

Comments

[nugig]

Бутстрап - это самое омерзительное что только есть в верстке.

[nugig]

После jQuery.

[Сергей БАрд]

nugig: полностью не согласен!, думаю что вы просто не совсем умеете работать с bootstrap и jQuery по этому так и говорите

[nugig]

Сергей БАрд: у меня и желания такого нет, слава богу)) Это время лучше потрачу на более интересные и полезные вещи, поговорим через пару лет, когда это г*вно сдохнет.

Answer 3

[Алексей Скляров]

Универсальной нет. Любой проект подгоняется под какую-то сетку, либо под него придумывается своя.

Представьте себе шкаф, он может быть и 1.5м в высоту и 2м, в ширину так же меняться. Так же и с макетами, кому-то достаточно бутстрап сетки (как правило она и используется), кто-то используется плиточную сетку и тд.

Я считаю что такие моменты обсуждаются с дизайнером. Bootstrap сетка удобна тем, что в нее можно вместить любой мало мальски среднйи проект. Поэтому если вы видите, что сайт можно разработать, используя бутстрап сетку - скажите об это дизайнеру и он спокойно вам нарисует по ней.

Answer 4

[Froggyweb]

Не стоит ограничиваться бутстрапом. Есть jett. Есть susy очень гибкая, даже излишне. Есть lostgrid для всех стандартная сетка - плевое дело

Comments

[nugig]

Lost - это сплошной баг. Сам-то пробовал его?

[nugig]

Идея отличная, мне вообще PostCSS нравится, концепция. Но Лост, это мерзость. Поковырял час, со старту там косяк, тут косяк - да ну его на*уй, решил, сидеть issue придумывать каждые полчаса)) К тому же создатель сетки ушел с ГитХаба, т.е. проект фактически мертвый. Короче, это хреновый совет, от человека явно эту какашку не использующего.

[nugig]

Jeet кстати он же сделал. Я его правда не пробовал, но это не флексбокс, поэтому втопку.

[nugig]

Susy - костыль на руби, я вообще решил эту инфраструктуру не использовать. Бурбоны всякие туда же, и дохлый Компасс. Итго - все варианты так себе. Я остановился на провренном Flexboxgrid.

[Froggyweb]

Susy - костыль на руби, долгое время использовал эту сетку равных просто нет в принципе. Что такое ruby знаю по наслышке.
Lost - не очень много использовал, но то что ее взяли за основу в БЭМ говорит о ее непригодности вообще.

Jeet кстати он же сделал. Я его правда не пробовал, но это не флексбокс, поэтому втопку.

Сейчас верстаю проект на 90% - флексбокс, Использую JEET, в критичных местах она еще и fallback делает ^) что я делаю не так?

Answer 5

[Иван]

А освоить flexbox? Не судьба?:)

Comments

[nugig]

Зачем? Для сеток уже пора гриды осваивать.

[Иван]

nugig: Сколько лет флексу,и то его не все используют,в таком случае о каких гридах может идти речь?

[nugig]

Иван: ты сам себе противоречишь. Флекс не создавался для сеток.

[Иван]

nugig: таблицы и флоаты тоже не для сеток создавались,и и тем не менее.все ровно юзались и сейчас юзаются

[nugig]

Иван: капитан? Ты сам себе противоречишь опять. Для того чтобы не учить сетки, которые основаны на флоатах, которые для сеток не создавались, ты советуешь (причем таким очевидным тоном) флексы, которые тоже не создавались для сеток.

[Иван]

nugig: тролль так се из тебя

Answer 6

[fenric]

https://anatoly.fenric.ru/development/prostaa-css-...