О себе
Здравствуйте, я занимаюсь версткой адаптивных/отзывчивых сайтов: лендингов, интернет-магазинов и т.д. Увлекаюсь этим уже 2 года, постоянно развиваясь и совершенствуясь. Имею высшее образование по специализации "Инфокоммуникационные технологии и системы связи". Уровень владения английским языком - чтение технической документации. Успешно закончил 2 курса HTML & CSS и курс по JS HTML Academy.
Придерживаюсь в коде чистоты и упорядоченности. Рутинные процессы автоматизирую с помощью сборщика Gulp (префиксы, svg и png спрайты, минификация, извлечение критического CSS и т.д.). Верстаю с соблюдением валидности и доступности. Использую методологию БЭМ для быстрой и легкой разработки. Для ускорения написания стилизации использую препроцессор SCSS. Работаю над общей производительностью веб-сайта. Работа с изображениями в формате webp, ретинизация, адаптивность изображений. Придание интерактивности web-странице (popup-формы, слайдеры, кастомная валидация форм, работа с объектами и т.д.), подключение библиотек и их использование, создание простых GSAP анимаций. Также использую git для хранения информации об изменениях в коде.
Мои работы
Kekstagram
Js-проект, позволяющий загрузить и отредактировать фото, посмотреть фото, загруженные с сервера. Реализованы: слайдер-ползунок, фильтры по фото, цветофильтры, подгрузка комментариев, валидация хеш-тегов, загрузка изображений с сервера и на сервер.
Валидная, семантическая верстка, БЭМ, JS (es5)
Edge, Chrome, Opera, Firefox
Репозиторий СайтDays
Двухстраничный лендинг про путешествия (много анимации)
Валидная, семантическая, доступная, адаптивная, резиновая верстка, pug, БЭМ, gulp, scss, webp, JS, GSAP, BarbraJS
Edge, Chrome, Opera, Firefox, Safari
Репозиторий Страница 1 Страница 2Travelly
Полностраничный лендинг туристической компании
Валидная, семантическая, доступная, адаптивная, резиновая верстка, pug, БЭМ, gulp, scss, css grid, webp, Lazy Load, criticalCSS, JS, css animations
Edge, Chrome, Opera, Firefox, Safari
Репозиторий СайтColors
Js-проект для генерации и редактирования цветов. По нажатию на цвет происходит копирование его в буффер обмена. Предусмотрена работа с localStorage - можно сохранять палитру и затем получить к ней доступ в библиотеке.
Валидная, семантическая, резиновая верстка, pug, БЭМ, gulp, scss, JS
Edge, Chrome, Opera, Firefox, Safari
Репозиторий СайтKvast
Лендинг производства крафтового кваса
Валидная, семантическая, доступная, адаптивная, резиновая верстка, pug, БЭМ, gulp, scss, css grid, ретинизация изображений, webp, Lazy Load, criticalCSS, JS
Edge, Chrome, Opera, Firefox, Safari
Репозиторий Сайтcalendar
Небольшой js-календарь с возможностью добавления дел, вывода всех дел на отдельную страницу для печати. Подробное описание структуры находится в репозитории.
Валидная, семантическая, доступная, адаптивная верстка, БЭМ, gulp, scss, JS
Edge, Chrome, Opera, Firefox, Safari
Репозиторий СайтYoga
Лендинг для студии по занятию йогой
Валидная, семантическая, доступная, адаптивная верстка, БЭМ, gulp, scss, Ретинизация и кадрирование изображений, Lazy Load, criticalCSS, GSAP, Custom form validation, JS
IE11, Edge, Chrome, Opera, Firefox, Safari
Репозиторий СайтArtactive
Лендинг для студии полиграфии и широкоформатной печати
Валидная, семантическая, доступная верстка, БЭМ, Адаптивная верстка, gulp, scss, Ретинизация и кадрирование изображений, Lazy Load, jQuery
IE11, Edge, Chrome, Opera, Firefox
Репозиторий СайтMishka
Интернет-магазин игрушек ручной работы (3 страницы)
Валидная, семантическая, доступная верстка, БЭМ, Резиновая верстка, gulp, scss, Ретинизация и кадрирование изображений, js
IE11, Edge, Chrome, Opera, Firefox, Safari
Репозиторий Страница 1 Страница 2 Страница 3Blueasy
Сайт-визитка фотографа John Doe
Валидная, семантическая, доступная, статическая верстка, кадрирование изображений, js
Edge, Chrome, Opera, Firefox
Репозиторий Сайт