CSS Grid: Короткий, Но МОЩНЫЙ Гайд!

preview_player
Показать описание

11-дневный марафон с практическими заданиями для скорейшего закрепления темы, которую активно используют при верстке сайтов.

Материалы из видео:
5) Книга "CSS для профи"

Таймкоды:
00:00 Вступление
00:16 Определение Grid
00:56 Создание стилей Grid на примере
01:41 Стили для родительского блока
02:33 Стили для дочерних элементов
03:20 Стоит ли использовать Grid CSS в 2020 году
03:43 Обучение верстке сайтов
04:06 Источники для изучение Grid
05:54 Итоги

  1. Анна Блок
  2. css grid
  3. верстка сайтов
  4. html css
  5. frontend
  6. grid flexbox
Рекомендации по теме
CSS Grid: Короткий, 0:06:48

CSS Grid: Короткий, Но МОЩНЫЙ Гайд!

Grid CSS полный 0:13:07

Grid CSS полный курс за 13 минут. Все свойства

Flexbox против Grid: 0:01:00

Flexbox против Grid: когда и что лучше использовать? #css #flexbox #grid...

CSS Grid - 0:49:33

CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSS...

CSS Grid Layout. 0:06:58

CSS Grid Layout. Кроссбраузерность. Grid и Flex. Основные понятия.

CSS Grid Layout. 0:14:16

CSS Grid Layout. Грид-сетка. Гайд по гридам в CSS.

CSS Grid. #1 0:06:43

CSS Grid. #1 Введение в Grid. Базовые свойства

🔥 CSS Grid 0:13:56

🔥 CSS Grid - самый ПОНЯТНЫЙ ГАЙД по всем свойствам за 13 минут + Шпаргалка...

CSS Grid с 0:36:56

CSS Grid с нуля ➤ Что такое CSS Grid?

CSS Grid Layout. 0:22:41

CSS Grid Layout. Свойства определения сетки grid-template и другие

CSS Grid верстка 0:15:16

CSS Grid верстка простыми словами, часть 1. Базовая терминология...

🔥CSS GRID СЕТКА 1:07:20

🔥CSS GRID СЕТКА 🎉 САМЫЙ ПОНЯТНЫЙ И ПОЛНЫЙ УРОК! Верстка для новичков...

CSS Grid. #5 0:04:25

CSS Grid. #5 Span columns and rows

Flexbox и Grid 0:20:51

Flexbox и Grid ⚡️ РЕАЛЬНЫЕ ПРИМЕРЫ, где МОЖНО и НЕЛЬЗЯ использовать CSS Flexbox и Grid...

Изучаем CSS Grid 0:03:59

Изучаем CSS Grid на примере стилизации HTML плитки

#29 Grid [Курс 0:46:42

#29 Grid [Курс по Верстке от AROKEN]

CSS Grid за 0:13:04

CSS Grid за 13 хвилин

CSS Grid с 0:05:41

CSS Grid с нуля №4. Адаптивный грид без медиа-запросов

Введение в CSS 0:03:51

Введение в CSS Grid. Разбираемся с терминологией

CSS Grid. #6 0:06:49

CSS Grid. #6 Размещение grid items

Создание адаптивной сетки 0:00:08

Создание адаптивной сетки с CSS Grid #html #css #webdesign #frontend #айти #программирование...

Как сделать HTML 0:01:00

Как сделать HTML grid и отобразить картинки в виде плитки на CSS #shorts...

CSS Grid. #4 0:07:10

CSS Grid. #4 Sizing grid. Единицы измерения fr

#029. CSS: Вёрстка 0:00:46

#029. CSS: Вёрстка на Grid #shorts #курсы #обучение

Комментарии
Автор

Таймкоды:
00:00 Вступление
00:16 Определение Grid
00:56 Создание стилей Grid на примере
01:41 Стили для родительского блока
02:33 Стили для дочерних элементов
03:20 Стоит ли использовать Grid CSS в 2020 году
03:43 Обучение верстке сайтов
04:06 Источники для изучение Grid
05:54 Итоги

annblok_webdev
Автор

багодаря вашим урокам начал использовать гриды более года назад, для формирования отчетов. Спасибо за инфу!

andrejstube
Автор

Большое спасибо за Grid Garden. Очень помогло!

Rasmik
Автор

Какой интересный гайд! Я в шоке! Прекрасный новый фон

cbxjlgl
Автор

Сел кушаю и смотрю =))) интересно очень было слушать и вдруг видос закончился о_О!!!На столь интересно было, что не заметил как пролетели эти почти семь минут

mikaelgevorgyan
Автор

3 дня назад закончил книгу << CSS для профи >> и все было интересно 👍

azatmiqaelyan
Автор

Вот это прям кабзда как подробно ) прям для меня 😂👍

frozeninside
Автор

Спасибо за видео. Скажите пожалуйста что чаще используется в работе верстальщика bootstrap или grid.

sergiogiuno
Автор

Блок, ты офигенная! Ты... Ты... Ты даже не блок! Ты целый КУБ!!!

nik
Автор

<body>
<table>
<tr>
<td>Левая часть сайта</td>
<td>Правая часть сайта</td>
</tr>
</table>
</body>

hexruin
Автор

Супер. Помогла окончательно разобраться в сетках. Спасибо большое!

MusicDano
Автор

Лично мне гриды нужны были только если есть список и нужно его адаптивно показывать в несколько колонок, все остальное проще флексами, тут в примере то же самое, список из 6 элементов, получатся гриды это классный способ отображать списки.

yuripalienko
Автор

Подскажи на Bootstrap классы row и col-, которые делают разметку это то же самое css grid?

shertskoff
Автор

Делайте пожалуйста видео про адаптивная верстка

khabarho
Автор

Не совсем понял. grid-template-columns указали 4 колонки, а позиционирование в grid-column пять колонок...? 3/5, 4/5?

VRazvedkaSPN
Автор

Короткий и очень слабый урок - правильное название ролика. Половина воды (что можно найти в поисковике доп.информацию) + реклама своего марафона. Дизлайк однозначно

goncharovpro
Автор

В данном макете можно обойтись 3 колонками, а контент в первой выравнивать по левому краю 😜

anthony_sdv
Автор

Обожаю Grid пишешь на реакте и забываешь, что там уже все на своих позициях давно стоят =)))!

mikaelgevorgyan
Автор

Такой вопрос. Если выбирать между CSS GRID и BOOTSTRAP GRID, то что проще и практичней? Что лучше учить новичку?

qzpqguw
Автор

хотелось бы бутстрап 5 будет построена на грид

thekamol