Андрей

Верстаю по макетам Figma. Вёрстка кроссбраузерная, адаптивная (фикс или резина).
Семантическая разметка страниц на HTML5 с применением методологии БЭМ. Отвечает критериям валидности и доступности.
Стилизация страниц на CSS3 c использованием препроцессора Sass (синтаксис SCSS) или Less.
Сетки крупных структурных блоков и мелких компонентов при помощи Flexbox и Grid Layout. Не боятся переполнения контентом.
Адаптивная графика — кадрирование контентных изображений для загрузки определенных изображений в зависимости от разрешения экрана устройства пользователя.
Ретинизация — подготовка растровой графики для двух вариантов экранов: с обычной и двойной плотностью пикселей.
Оптимизация графики:
— подготовка изображений в формате WebP для браузеров поддерживающих данный формат
— использование спрайтов для векторных изображений
— ленивая загрузка изображений (loading = lazy).
Подключение интерактивных карт (Yandex, Google, 2Gis).
Подключение библиотек Bootstrap, Swiper, noUiSlider.
JavaScript:
— реализация попапов, модалок, мобильного меню, смена темы (темная/светлая);
— валидация форм на стороне клиента;
Сборка билда на Gulp или Webpack и подготовка к деплою.