Насколько Grid-ы применяются в реальных проектах?

@klopp · Регистрация: 14.10.2017

Студворк — интернет-сервис помощи студентам

Кто-нибудь верстал на гридах в продакшн?

Просто интересно, в реальных проектах это применяется и насколько широко.

@mrtoxas · 15.06.2019, 16:55

Я понемногу внедряю грид в один проект, но там нет требований к поддержке старых браузеров, не знаю, считается ли это. Но в любом случае, жалоб на разметку не поступало пока.

@novichek_1905 · 15.06.2019, 17:01

klopp, а в чем проблема верстать гридами в продакшн? Все упирается в две вещи на мой взгляд:

1. Какую задачу решаете с помощью grid;
2. На сколько важна поддержка старых "осликов";

Если нужно сделать что-то типа (см. вложение), и не нужна поддержка ie, то использования grid это панацея)

@klopp · 15.06.2019, 18:21 **[ТС]**

Сообщение от novichek_1905

и не нужна поддержка ie

а если нужна? то Bootstrap ?

@novichek_1905 · 15.06.2019, 18:29

Сообщение от klopp

а если нужна? то Bootstrap ?

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

@AlexZaw · 15.06.2019, 20:37

Не по теме:

Сообщение от novichek_1905

Если нужно сделать что-то типа (см. вложение), и не нужна поддержка ie, то использования grid это панацея)

На флексах тоже самое можно проще простого сделать :)

@novichek_1905 · 15.06.2019, 20:52

Не по теме:

Сообщение от AlexZaw

На флексах тоже самое можно проще простого сделать :)

Можно и вовсе без flex) Это лишь подход, то для чего и был изобретен grid layout)

@AlexZaw · 15.06.2019, 22:12

Не по теме:

Сообщение от novichek_1905

Можно и вовсе без flex)

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

Сообщение от klopp

Просто интересно, в реальных проектах это применяется и насколько широко.

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

@klopp · 16.06.2019, 00:49 **[ТС]**

Сообщение от AlexZaw

нормальная поддержка у них появилась не так давно

Как бы 2 года уже. За это же время ES6 стал повсеместным требованием.

@Lazy_Den · 16.06.2019, 01:18

Не по теме:

Сообщение от klopp

Как бы 2 года уже.

Время точно не считал, но скажем так: "Со времен осла десятого" ))

Добавлено через 2 минуты

Не по теме:

Сообщение от klopp

За это же время ES6 стал повсеместным требованием.

Угу... Но опять же, во многих проектах пишем на ES6, но на продакшн - через транспайлер.

@klopp · 16.06.2019, 02:19 **[ТС]**

Lazy_Den, а есть транспайлер из гридов для осликов?

Сообщение от Lazy_Den

Время точно не считал

лето 2017, все норм браузеры обновились под гриды

@AlexZaw · 16.06.2019, 11:12

Не по теме:

Сообщение от klopp

лето 2017, все норм браузеры обновились под гриды

Нормальные обновились, но ведь есть куча других браузеров, и смотря на caniuse использовать грид было рановато :) Я это имел ввиду.

@Lazy_Den · 16.06.2019, 11:40

Сообщение от klopp

а есть транспайлер из гридов для осликов?

Боюсь быть категоричным, т.к. нет ничего невозможного, а есть маловероятное, но думаю, что нет. Действенным способом, который позволяет делать fallback для старых IE, можно назвать подключение того или иного css-файла, в зависимости от браузера, в котором документ открывается, но писать стили придётся всё равно самому. Кроме того, есть разного рода плагины-полифиллы (в основном на JS), которые тоже некоторым образом помогают решить проблему. Например, при верстке с flexbox, я иногда пользуюсь flexibility. Думаю, что для Grid тоже существуют подобные, но лично мне Grid в реальных проектах пока еще не был нужен; хватает флекса.

Новые блоги и статьи Все статьи Все блоги /
YAFU@home — распределённые вычисления для математики. На CPU Programma_Boinc 20.01.2026 YAFU@home — распределённые вычисления для математики. На CPU YAFU@home — это BOINC-проект, который занимается факторизацией больших чисел и исследованием aliquot-последовательностей. Звучит. . .	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .

@klopp 566 / 465 / 183 Регистрация: 14.10.2017 Сообщений: 1,259

	Насколько Grid-ы применяются в реальных проектах? 15.06.2019, 06:48. Показов 1610. Ответов 12 Метки нет (Все метки) Кто-нибудь верстал на гридах в продакшн? Просто интересно, в реальных проектах это применяется и насколько широко. 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	15.06.2019, 16:55
	Я понемногу внедряю грид в один проект, но там нет требований к поддержке старых браузеров, не знаю, считается ли это. Но в любом случае, жалоб на разметку не поступало пока. 1

@novichek_1905 469 / 334 / 144 Регистрация: 16.02.2018 Сообщений: 930
	15.06.2019, 17:01
	klopp, а в чем проблема верстать гридами в продакшн? Все упирается в две вещи на мой взгляд: 1. Какую задачу решаете с помощью grid; 2. На сколько важна поддержка старых "осликов"; Если нужно сделать что-то типа (см. вложение), и не нужна поддержка ie, то использования grid это панацея) Миниатюры 1