Что лучше CSS Grid или Bootstrap? | Практика CSS3 / HTML5

Опубликовано: 26 Октябрь 2024
на канале: Denis Gorelov

35,737

1.2k

Исходный код с урока - http://bit.ly/2mCoc08
Предыдущий урок (1 часть) - http://bit.ly/2AD3Arl

Что лучше, использовать готовый Фреймворк Bootstrap или использовать CSS Grid? Этим вопросом задаются многие, но что бы на него ответить нужно разобрать каким образом #Bootstrap строит модульную web-сетку.
В данном видео уроке разберемся что такое модульная #сетка в web-дизайне и рассмотрим верстку на bootstrap где сравним ее с CSS Grid.

По завершению видео урока, можете проверить себя выполнив домашнее задание.

Поддержи канала материально:
WMR - R165181087249
WMZ - Z138569415925
PayPal - paypal.me/dwstv
Яндекс - 410011610186118
Сбербанк - 4276-3000-2291-1211

Во время урока я использую:
Псевдоэлемент nth-child, grid-template-areas, grid-template-columns, grid-template-rows, grid-gap и еще дополнительные стили.
Документацию по CSS3, HTML5, Фреймворку Bootstrap, CSS Grid, Flexbox
Редактор PhpStorm

*Видео метки*:
[00:10] - Что такое модульная сетка
[02:00] - Рисуем модульную сетку
[02:36] - Bootstrap верстка блоков
[05:18] - Bootstrap 12 кол. сетка
[10:06] - Проблемы при верстке на Bootstrap
[14:58] - CSS Grid верстка блоков
[19:31] - Разметка сетки на Grid
[23:50] - Адаптируем на Grid
[28:07] - Задание для практики

Обсуждение видео: • Что лучше CSS Grid или Bootstrap? | П...
Скачать архив с урока - https://goo.gl/FXWDi4
Шпаргалка по EMMET - http://bit.ly/2zwDk1p
Подписка на канал: https://dwstroy.ru/~dwstv
Видео сборник: https://dwstroy.ru/~S126H
Документация Bootstrap - https://goo.gl/N7bgr6

*Другие видео на канале DWSTV*:
JavaScript Основы - http://bit.ly/2udeTq3
Сайт с нуля - https://dwstroy.ru/~7KNnM
Уроки по CSS - https://dwstroy.ru/~paoBU
1С Битрикс работа с сайтом - https://dwstroy.ru/~dEG4q
Управление системой Битрикс - https://dwstroy.ru/~Zdt4K
Настройки сайта 1С Битрикс - https://dwstroy.ru/~t0UVZ

Добавляйтесь к нам в друзья:
Сайт видео-уроков: http://dwsttv.ru/
Канал в VK автора уроков: https://vk.com/dwstv
Канал группы в VK: https://dwstroy.ru/~MJM28

Мы очень рады если видео "Что лучше CSS Grid или Bootstrap" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.