Учебное пособие по 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 ВСЁ!