| Версия для печати
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум на Исходниках.RU > Holy Wars > "Boostrap 4" vs "CSS Grid" |
| Автор: JoeUser 15.06.19, 17:27 |
| Буэнос диас, амигос! Собственно, вопрос: так что же лучше для верстки сайтов? Давайте условно сайты разделим на четыре типа: Страницы: 1) Типовой многостраничный 2) Лендинг Верстка: a) Типовая (шапка+сайдбар+тело+подножие) б) Оригинальная Под понятием "лучше" будем понимать - скорость разработки (надо выше) + "толщина" кода (надо ниже). Ваше мнение+обоснование???  Скрытый текст ЗЫ: Сам пока плотно сижу на Bootstrap 4. Но столько красивых песен про CSS Grid, что аж кушать не могу!  |
| Автор: korvin 15.06.19, 21:22 |
| Pure CSS Цитата small, responsive CSS … Pure is ridiculously tiny. The entire set of modules clocks in at 3.8KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. |
| Автор: JoeUser 15.06.19, 22:59 |
| А вот что пишет Джен Симмонс (разработчик Mozilla): Цитата Чем больше я использую CSS Grid, тем больше убеждена, что нет никакого преимущества в добавлении слоя абстракции поверх него. CSS Grid — это фреймворк разметки, вшитый прямо в браузер. |
| Автор: applegame 16.06.19, 01:18 |
| Странное противопоставление. Это же сущности разного уровня. Например как Unity vs Vulkan или там boost vs constexpr. А вообще, эти фронтендщики затрахали со своим творческим поносом. Технологии рождаются и дохнут со страшной скоростью. То что утром было стильно, модно, молодежно к вечеру становится ретроградством. Не успел затихнуть оргазм от флекс-боксов, как уже пора дрочить на цсс грид. А уж какой ад творится в жабаскрипте только в страшном сне может присниться. |
| Автор: JoeUser 16.06.19, 04:57 |
| Однако все они относятся к верстке. А вот тут принципиальная разница в подходе. Флекс ориентирован на содержимом, css-грид на разметке ... Но, никто-же не запрещал их использовать совместно! Пример. А вот с бутстрапом тут другой вопрос - это фрэймворк. С одной стороны упрощает задачу, с другой - забивает HTML своими классами до тошноты. При этом часть возможности css-грида без js так и не реализуя! |
| Автор: applegame 16.06.19, 05:21 |
| Это как сказать что boost и constexpr относятся к C++. Цитата JoeUser @ Bootstrap это мягко говоря не только сетка. Это куча компонентов с готовым дизайном. Выпадающие списки, менюшки, тултипы, модальные окна... Как тебе тут поможет CSS Grid? А вот с бутстрапом тут другой вопрос - это фрэймворк. С одной стороны упрощает задачу, с другой - забивает HTML своими классами до тошноты. При этом часть возможности css-грида без js так и не реализуя! |
| Автор: JoeUser 16.06.19, 05:36 |
| Ну не совсем уж так. Скорее "с буст" vs "без буст". Никто не мешает использовать отличное от бутстрапа. Пример вон korvin привел. Можно конечно возразить, мол в бутстрапе всего больше и еще куча плюшек. Так в инете всего еще больше |
| Автор: applegame 16.06.19, 06:53 |
| Нет. CSS Grid - это не "без bootsrap". bootstrap 5 вероятно будет использовать внутри CSS Grid. Цитата JoeUser @ Ничего не понял. Что ты хотел этим сказать? Никто не мешает использовать отличное от бутстрапа. Пример вон korvin привел. Можно конечно возразить, мол в бутстрапе всего больше и еще куча плюшек. Так в инете всего еще больше |
| Автор: JoeUser 16.06.19, 07:36 |
| Мы про буст говорили ващета Так вот, если рассматривать bootstrap 4, как аналог сишного буста, то Flex и Grid, вполне потянет на аналог сишного stdlib. Ибо и Flex, и Grid для своей работы ничего не требуют, их поддержка реализована в браузере. Потому, что не услышал моего месседжа. Bootstrap реализует поддержку разметки + кучу плюшек. Grid реализует разметку, но гораздо гибче. Хочу сказать, что плюшки можно найти в сети/самому единыжды замутить, и тем же SASS-компилятором собрать как одно целое. |
| Автор: applegame 16.06.19, 10:43 |
| Цитата JoeUser @ Допустим. Но boost vs stdlib - такой же бессмысленный холивор, как и bootstrap vs CSS Grid.Так вот, если рассматривать bootstrap 4, как аналог сишного буста, то Flex и Grid, вполне потянет на аналог сишного stdlib. Цитата JoeUser @ Grid реализует сетку, а не разметку вообще. Ну и в boostrape есть JS-плюшки не связанные с сеткой, SASS-компилятор тут тебе не поможет.Потому, что не услышал моего месседжа. Bootstrap реализует поддержку разметки + кучу плюшек. Grid реализует разметку, но гораздо гибче. Хочу сказать, что плюшки можно найти в сети/самому единыжды замутить, и тем же SASS-компилятором собрать как одно целое. То есть только довольно маленькая часть bootsrap пересекается по функционалу с CSS Grid. Можно их даже одновременно использовать, CSS Grid для сетки, а bootstrap для всего остального. Если ты потерялся в месседжах, то я напоминаю, я тут оспариваю не превосходство одного над другим, а бессмысленность самой темы холивора. А то создается впечатление, что ты думаешь, что я доказываю превосходство bootstrap над CSS Grid. |
| Автор: JoeUser 16.06.19, 13:49 |
| А если изменить тему "Bootstrap4 vs CSS Grid+внешние либы", так пойдет? |
| Автор: applegame 16.06.19, 14:38 |
| Не уверен. Почему именно bootstrap? Этих либ вагон. Впрочем, полагаю, эта тема мало кому будет интересна. |
| Автор: JoeUser 16.06.19, 15:05 |
| Ну, имхо, наиболее часто-используемый фрэймворк на фоне других. Добавлено ADD: ... ну и плюс к тому, что я его более-менее изучил, пользую, помогает ... а радости нет |