Уроки по тегу «вёрстка»

Урок «Введение»

В курсе «CSS: Основы Flex»

Узнать о курсе посвящённому Flex

Урок «Перенос элементов в контейнере»

В курсе «CSS: Основы Flex»

Узнать о способах переноса элементов внутри флекс-контейнера. Научиться пользоваться свойством flex-wrap

Урок «Выравнивание элементов по главной оси»

В курсе «CSS: Основы Flex»

Узнать о способах выравнивания элементов по главной оси внутри флекс-контейнера. Познакомиться со свойством justify-content

Урок «Выравнивание элементов по перпендикулярной оси»

В курсе «CSS: Основы Flex»

Узнать о способах выравнивания элементов по перпендикулярной оси внутри флекс-контейнера. Познакомиться со свойством align-items

Урок «Свойства Flex-элементов. Гибкость. Flex-grow»

В курсе «CSS: Основы Flex»

Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойство Flex-grow

Урок «Свойства Flex-элементов. Гибкость»

В курсе «CSS: Основы Flex»

Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойства flex-shrink, flex-basis, flex

Урок «Свойства Flex-элементов. Расположение»

В курсе «CSS: Основы Flex»

Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойства order и align-self

Урок «Флекс-контейнер»

В курсе «CSS: Основы Flex»

Познакомиться с флекс-контейнерами и возможностями определения главной оси для рендера элементов

Урок «Что такое Flex?»

В курсе «CSS: Основы Flex»

Узнать о концепции Flex, преимуществах и сценариях использования

Урок «3D трансформации. Основы»

В курсе «CSS: Transform»

Узнать о понятии трёхмерного пространства и чем оно отличается от двухмерного. Научиться работать с перспективой трёхмерных объектов в CSS

Урок «2D трансформации. Наклон»

В курсе «CSS: Transform»

Узнать о возможности наклонения HTML элементов с использованием функции skew свойства transform. Разобраться в принципах искажении элемента по нескольким осям

Урок «2D трансформации. Масштабирование»

В курсе «CSS: Transform»

Изучить масштабирование HTML элементов с использованием функции scale свойства transform. Узнать о влиянии масштабированного элемента на своих соседей.

Урок «Введение»

В курсе «CSS: Transform»

Познакомиться с курсом CSS: Трансформации. Узнать об изучаемых темах и их применении на практике

Урок «2D трансформации. Перемещение»

В курсе «CSS: Transform»

Изучить работу функции translate и, с её помощью, научиться перемещать объекты на странице

Урок «2D трансформации. Вращение»

В курсе «CSS: Transform»

Научиться вращать объекты с помощью функции rotate. Изучить возможности выбора точки вращения у объекта используя свойство transform-origin

Урок «Введение»

В курсе «SASS: Основы»

Узнать о курсе, посвящённому SASS

Урок «Установка»

В курсе «SASS: Основы»

Установить препроцессор SASS

Урок «Расширение CSS»

В курсе «SASS: Основы»

Узнать возможности SASS, позволяющие немного расширить язык CSS

Урок «Миксины»

В курсе «SASS: Основы»

Изучить использование миксинов в SASS

Урок «Шаблонные селекторы»

В курсе «SASS: Основы»

Изучить шаблонные селекторы и узнать о директиве extend

Урок «Переменные»

В курсе «SASS: Основы»

Научиться использовать переменные в SASS. Узнать о подключении файлов и использовании специального флага !default

Урок «Терминология»

В курсе «CSS: Grid»

Познакомиться с понятиями сеток и их составлящими в CSS Grid Layout

Урок «Введение»

В курсе «CSS: Grid»

Познакомиться с концепцией Grid. Узнать о ключевых моментах и отличиях от Flex

Урок «Работа с сеткой»

В курсе «CSS: Grid»

Изучить отступы между полосами и выравнивание полос сетки.

Урок «Неявная сетка»

В курсе «CSS: Grid»

Узнать отличия явной и неявной сетки. Изучить свойства grid-auto-rows и grid-auto-columns