Уроки по тегу «CSS адаптивность»
Поговорим о способах выравнивания элементов по поперечной оси внутри флекс-контейнера, познакомимся со свойством align-items
Поговорим о способах переноса элементов внутри флекс-контейнера и научимся пользоваться свойством flex-wrap
Поговорим о свойствах для работы с элементами внутри флекс-контейнеров, изучим свойства flex-shrink, flex-basis, flex
Знакомимся с флекс-контейнерами и возможностями определения главной оси для рендера элементов
Поговорим о способах выравнивания элементов по главной оси внутри флекс-контейнера, познакомимся со свойством justify-content
Поговорим о свойствах для работы с элементами внутри флекс-контейнеров, изучим свойства order и align-self
Поговорим о концепции Flex, преимуществах и сценариях использования
Поговорим о свойствах для работы с элементами внутри флекс-контейнеров, изучим свойство Flex-grow
Выясняем, что такое мета-тег viewport и как он помогает в адаптивности
Познакомимся с версткой с использованием процентов
Выясняем, как проверить ваш сайт на различных устройствах
Разбираемся в возможностях Flex при создании адаптивных макетов
Знакомимся с одним из самых мощных инструментов для создания адаптивных сайтов — Media Queries
Выясняем, для каких устройств возможно применять свои стили
Поговорим отличия явной и неявной сетки, изучим свойства grid-auto-rows и grid-auto-columns
Знакомимся с понятиями сеток и их составлящими в CSS Grid Layout
Изучаем влияние свойств позиционирования и z-index при использовании внутри сетки
Изучаем отступы между полосами и выравнивание полос сетки
Знакомимся с концепцией Grid, говорим о ключевых моментах и отличиях от Flex
Поговорим о свойствах, позволяющие создавать сетки с помощью CSS Grid Layout
Изучаем свойства, позволяющие произвольно располагать элементы внутри сетки
Узнаем о плюсах и минусах Bootstrap. Увидим, где используется Bootstrap и для чего его можно применять
Научимся подключать Bootstrap к странице. Узнаем о разных способах подключения и инструментах для этого
Узнаем об утилитах. Изучим принципы работы, строение и когда стоит использовать утилиты в Bootstrap
Изучим концепцию сеток в Bootstrap. Узнаем виды контейнеров
Узнаем о принципах адаптивности в Bootstrap. Научимся адаптировать сетку
Научимся работать с таблицами, используя возможности Bootstrap. Узнаем о доступности таблиц
Познакомимся с фреймворком Bootstrap и изучим план курса
Изучим возможности при работе с текстом в Bootstrap
Научимся использовать иконки из библиотеки Bootstrap Icons
Узнаем о компонентах Bootstrap и изучим устройство их работы
Изучим работу Utility API в Bootstrap. Создадим новую утилиту и изменим уже существующую
Познакомимся с планом курса по разработке на Bootstrap
Установим и подключим Bootstrap в виде npm-пакета
Изучим, как работает светлая и темная тема в Bootstrap
Узнаем, как подключить только нужные файлы Bootstrap и убрать код, который не нужен
Разработаем пользовательский компонент цитат с использованием возможностей Bootstrap
Узнаем о цветовой схеме Bootstrap и научимся изменять ее