Blanchard - продажа предметов искусства ~

HTML, SCSS, БЭМ, PixelPerfect, Vanilla JavaScript

~ Я разработала адаптивный веб-сайт для Blanchard, компании, специализирующейся на продаже предметов искусства.

• В проект я встроила библиотеку Swiper, которую я настраивала для различных типов слайдеров, обеспечивая доступность (A11y) и интерактивность.
• Реализовала интерактивные табы и аккордеоны с помощью JavaScript, дополненные плавными анимациями.
• Для оптимизации производительности я сжала большие JPEG-изображения, преобразовав их в формат WebP, что значительно уменьшило время загрузки без потери качества.
• Сайт полностью совместим с современными браузерами (Chrome, Firefox, Safari, Opera, Edge).
• Реализована адаптивная верстка макета (используя классы Bootstrap, медиа-запросы и тег picture для адаптивности картинок).
• При именовании классов использована методология БЭМ.
• Код прошел валидацию без ошибок на W3C Validator.

Евклид - проектные системы ~

HTML5, SASS, БЭМ, PixelPerfect

~

• Сайт сверстан в соответствии с основными требованиями: реализован pixel perfect, все семантические элементы подобраны верно
• Реализована адаптивная верстка макета.
• При именовании классов использована методология БЭМ.
• Код прошел валидацию без ошибок на W3C Validator.

3D Modeling Courses ~

HTML5, SASS, Bootstrap 4, БЭМ, PixelPerfect

~

• Сайт сверстан в соответствии с основными требованиями: реализован pixel perfect, все семантические элементы подобраны верно, использована библиотека Bootstrap 4.
• Реализована адаптивная верстка макета (используя классы Bootstrap, медиа-запросы и тег picture для адаптивности картинок).
• При именовании классов использована методология БЭМ.
• Код прошел валидацию без ошибок на W3C Validator.

Личный проект "Кекстаграм" ~

Vanilla JavaScript

~ Проект "Кекстаграм" представляет собой верстку фотохостинга, аналогичного популярному приложению Instagram. Пользователи могут выбирать свои фотографии, экспериментировать с фильтрами, а также оставлять комментарии к фотографиям других пользователей. В настоящее время функция публикации фотографий не реализована, но основной функционал позволяет пользователям взаимодействовать с изображениями и комментариями.

• Этот проект является моей первой серьезной работой с использованием JavaScript. В рамках данного проекта я приобрела и закрепила базовые навыки работы с JavaScript, такие как обработка событий, взаимодействие с DOM и создание простых анимаций.

Личный проект "Глейси" ~

HTML5, CSS3, Less, БЭМ, PixelPerfect

~ Это мой первый серьезный макет, который я сверстала с большой любовью и старанием. Целью этого проекта было создание стильного и функционального веб-сайта, который отображается корректно на различных устройствах и в разных браузерах.

• В проекте впервые использовала кастомные чекбоксы и другие элементы формы, чтобы придать сайту уникальный и современный вид.
• Гарантировала кроссбраузерность и проверила совместимость с браузерами Chrome, Firefox, Safari, Edge и Internet Explorer 10+.
• Применила методологию БЭМ для организации структуры и нейминга классов в HTML и CSS.
• Достижение pixel perfect: каждый элемент и деталь проекта были внимательно отрисованы с учетом макета, обеспечивая точное соответствие дизайну.

Интернет-магазин игрушек ручной работы "Мишка" ~

HTML5, CSS3, Less, БЭМ, Grunt, PixelPerfect, ретинизация

~

• Создала адаптивную сетку для мобильной, планшетной и десктопной версий с использованием методологии "резинового" дизайна.
• Обеспечила адаптивность графики с помощью ретинизации и векторных изображений.
• Применила методологию БЭМ для организации структуры и нейминга классов в HTML и CSS.
• Использовала препроцессор Less для создания стилей, включая миксины для повторного использования кода.
• Настроила автоматизацию задач с помощью инструмента Grunt для упрощения процесса сборки проекта.
• Гарантировала кроссбраузерность и проверила совместимость с браузерами Chrome, Firefox, Safari, Edge и Internet Explorer 11.
• Выбрала шрифт Open Sans для удобного и читаемого текстового контента.
• Достижение pixel perfect в дизайне, обеспечивая точное соответствие макету визуального представления проекта.

Drag'n Drop ~

Vanilla JavaScript

~ Небольшое веб-приложение, разработанное с использованием чистого JavaScript, предоставляющее интуитивно понятный инструмент управления задачами с функциональностью Drag and Drop

Slider ~

Vanilla JavaScript

~ Слайдер с с красивой анимацией, работает также от клавиатуры. Можно использовать для презентации услуг, товаров и фотографий.

Mini game ~

Vanilla JavaScript

~ Визуальную мини-игра с динамической генерацией контента.

Catch the Dot ~

Vanilla JavaScript

~ Игра Catch the Dot с тремя экранами! Выберите время и поймате как можно больше точек за заданное время