• SVG
• Sass
• Mixins
• Flexbox
• Variables
• Mask-image
• Pseudo-elements
• Absolute positioning

Реализация игры с использованием HTML и СSS-анимации

Адаптивный дизайн - применены относительные единицы измерения

Верстка страницы по стандарту HTML5 и CSS3 (десктопная и мобильная версии)

• Работа с фоном
• Управление SVG с помощью CSS
• Подключение пакета шрифтов
• Добавление теней к тексту
• Работа с рамками в CSS3
• CSS3-трансформации
• CSS3-анимация
• Медиазапросы в CSS3
• Адаптивный дизайн
• Кроссбраузерность
• Препроцессор Sass

Верстка страницы по стандарту HTML5 и CSS3 (только десктоп)

• Семантические элементы HTML5
• HTML-форма
• Добавление подсказок
• Фокусировка на элементе
• Добавление подсказок
• Проверка ошибок
• Оформление результатов проверки
• Проверка с помощью регулярных выражений
• Типы данных 'input'
• Подсказки ввода 'datalist'
• Индикатор выполнения 'progress'
• Воспроизведение видео
• СSS-анимация
• Кроссбраузерность
• Работа с Avocode

Десктопная, планшетная и мобильная верстка двух страниц сайта

• Абсолютное позиционирование
• Flexbox
• Работа с фонами и градиентом
• Подключение шрифтов
• Адаптивная вёрстка
• Использование SVG
• Оптимизация изображений
• Подключение Google Map
• Препроцессоры
• Кроссбраузерность
• Медиа-запросы
• Работа с Figma