Хекслет

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

Урок «Теги и контент»
В курсе «HTML: Препроцессор Pug»

Учимся добавлять теги, атрибуты и контент с помощью Pug

Урок «Введение»
В курсе «HTML: Препроцессор Pug»

Поговорим о целях и структуре курса

Урок «Установка»
В курсе «HTML: Препроцессор Pug»

Устанавливаем препроцессор Pug и компилируем первый файл

Урок «2D трансформации. Наклон»
В курсе «CSS: Transform (трансформация объектов)»

Поговорим о возможности наклонения HTML-элементов с использованием функции skew свойства transform

Урок «Введение»
В курсе «CSS: Transform (трансформация объектов)»

Знакомимся с целями и задачами курса CSS: Трансформации

Урок «3D трансформации. Основы»
В курсе «CSS: Transform (трансформация объектов)»

Поговорим о трехмерном пространстве и чем оно отличается от двухмерного

Урок «3D трансформации. Функции»
В курсе «CSS: Transform (трансформация объектов)»

Учимся использовать изученные ранее трансформации в трехмерном пространстве

Урок «2D трансформации. Перемещение»
В курсе «CSS: Transform (трансформация объектов)»

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

Урок «2D трансформации. Масштабирование»
В курсе «CSS: Transform (трансформация объектов)»

Изучаем масштабирование HTML-элементов с использованием функции scale свойства transform

Урок «2D трансформации. Вращение»
В курсе «CSS: Transform (трансформация объектов)»

Учимся вращать объекты с помощью функции rotate

Рекомендуемые курсы по теме «вёрстка» для начинающих

Нашли 5 курсов по тегу «вёрстка»
курс
CSS: Адаптивность сайта
Адаптивность страниц: резиновая верстка, флекс и медиазапросы для создания сайтов под разные устройства
7 часов  
Старт в любое время
курс
SASS: Программирование
Автоматизация написания CSS с помощью SASS: генерирование классов, работа с циклами и массивами
7 часов  
Старт в любое время
курс
CSS: Вёрстка на Grid
Позиционирование в CSS с помощью Grid. Адаптивные сетки, управление расположением элементов, адаптив под разные экраны
6 часов  
Старт в любое время
курс
HTML: Препроцессор Pug
Применение препроцессора Pug для шаблонизации HTML и создания многостраничных сайтов с использованием циклов, переменных и миксинов
9 часов  
Старт в любое время
курс
CSS: Transform (трансформация объектов)
Изучение трансформации в CSS для создания движущихся блоков и анимаций в дизайнерских проектах
7 часов  
Старт в любое время
Вам могут быть интересны темы: HTML HTML5 CSS3 Viewport Гибкие макеты Media Queries Препроцессоры CSS SASS SCSS Миксины Функции SASS Циклы SASS Сетки Pug CSS Transforms CSS перспектива Трёхмерные объекты Анимации CSS Flex CSS адаптивность CSS Grid Шаблонизатор