Учебное пособие по CSS Grid | Ускоренный курс по адаптивному дизайну

Подробный обзор CSS Grid и его различных свойств для создания адаптивного веб-дизайна с использованием новой спецификации CSS Grid. Изучите макет сетки, её специфические свойства и новую единицу измерения CSS Grid — дробь! Узнайте, как легко создавать адаптивный веб-дизайн с использованием новой спецификации CSS Grid.

Подписаться:
http://www.youtube.com/c/FollowAndrew...

0:00 Введение
0:24 НЕМНОГО ИСТОРИИ (ТАБЛИЦЫ)
1:05 НЕМНОГО ИСТОРИИ (ПЛАВАЮЩИЕ ЭЛЕМЕНТЫ)
1:46 НЕМНОГО ИСТОРИИ (ПОЗИЦИОНИРОВАНИЕ)
2:21 НЕМНОГО ИСТОРИИ (ФРЕЙМВОРКИ)
3:04 НЕМНОГО ИСТОРИИ (FLEXBOX)
3:46 НЕМНОГО ИСТОРИИ (GRID)
4:16 ПОДДЕРЖКА CSS GRID В БРАУЗЕРАХ
4:51 CSS FLEXBOX VS GRID
5:13 МОДЕЛЬ GRID
6:59 ЛИНИИ GRID
7:12 ДОРОГИ GRID
7:25 ЯЧЕЙКИ/ЭЛЕМЕНТЫ GRID
7:36 DISPLAY:GRID
8:10 GRID-TEMPLATE-COLUMNS
9:17 GRID-TEMPLATE-COLUMN EDITIONS
9:47 FRACTION SIZE
12:31 REPEAT(#,PATTERN)
14:00 REPEAT (AUTO-FILL)
14:54 SAME PROPERTIES
15:46 GRID-AUTO-ROWS
20:15 GRID-GAP
21:06 GRID-LINES
26:17 GRID-TEMPLATE-COLUMN'S JOB
26:55 GRID-LINES NAMES
28:57 COMBINE COLUMN AND ROW
31:18 GRID-TEMPLATE AUTO СВОЙСТВА
35:57 GRID-TEMPLATE-AREAS (AUTO)
38:13 RESOPSY GRID-TEMPLATE-AREAS
41:26 ВЫРАВНИВАНИЕ И ВЫРАВНИВАНИЕ (ВЫРАВНИВАНИЕ ПО ЯЧЕЙКАМ)
41:51 ВЫРАВНИВАНИЕ И ВЫРАВНИВАНИЕ (РОДИТЕЛЬСКИЙ ЭЛЕМЕНТ GRID)
42:21 ВЫРАВНИВАНИЕ И ВЫРАВНИВАНИЕ (ДОЧЕРНЫЕ ЭЛЕМЕНТЫ GRID)
42:38 ВЫРАВНИВАНИЕ И ВЫРАВНИВАНИЕ (САМ)
43:04 ВСЁ!