Технологии
HTML5
CSS3
JS
SASS
GULP
WEBPACK
VS-CODE
FIGMA
Навыки и преимущества
Html5/Css3/Java-script
- Методология БЭМ
- Использую вместо (PX) относительные единицы измерения (REM, EM)
- Чистый и понятный кроссбраузерный код
- Структутированный код
- Без ошибок валидации
- Чистый Java-script код
- Надёжная и семантичная верстка
- Вёрстка не ломается при замене контента
- Анимация, hover-эффекты без JS
- Flexbox/Grid
Адаптив/Шрифты/Оптимизация
- Подключение не стандартых шрифтов @font-face
- Адаптивная верстка по брейкпоинтам или резиновая вёрстка
- Адаптивная верстка на основе макетов для ПК
- Адаптивный шрифт, изображения, элементы
- Иконочный шрифт
- Использование современных форматов изображений
- Конвертирование форматов png и jpg в современный webp
- Ленивая загрузка данных lazy load
- SVG спрайт
Gulp/Webpack/Sass
- Быстрое разворачивание проекта
- Стартовый шаблон с продуманным кодом для быстрого старта и качественной вёрстки
- Автоматизация процесса верстки
- Компиляция препроцессоров
- Ускоренная стилизация сайта
- Более гибкий код
- Улучшенная логика стилей
- Упрощенный синтаксис
- Вложенность селекторов без ошибок
- Оптимизированная вёрстка
нимация
Часто используемая анимация в проектах
Анимация при наведении на кнопку
Анимация при наведении на ссылку
Анимация при наведении на изображение
Анимация при наведении на иконку
Верстка
Важные этапы в создании современного сайта
Надёжная вёртска
Качественная вёрстка самый важный показатель верстальщика. верстка не должна ломаться при замене контента, при этом использование минимального колличества строк кода для более оптимизированной вёрстки
Кроссбраузерный код
Корректное оторбражение всех элементов на странице в любом браузере
Ошибки валидации
Идеальный код без ошибок, отличный показатель опытного специалиста
Webp
Новый формат графических файлов, который обеспечивает отличное сжатие изображений при сохранении качества. Чем меньше весит графика ― тем быстрее загружаются страницы сайта, это важно и для поискового продвижения, и для удобства пользователей.
Svg
Лёгкий и масштабируемый, а также его можно модифицировать через код. Они обеспечивают высокое качество изображений независимо от размера экрана
Ленивая загрузка
Пользователь очень не любит ждать долгую загрузку сайта. Ленивая загрузка позволяет в разы увеличить скорость зугрузки вашего сайта
Адаптивная верстка
Правильная адаптация сайта поможет улучшить оторбражение различных элементов на всех экранах любого девайса
Методология бэм
Позволяет легко и быстро разрабатывать интерфейсы любой сложности и повторно использовать существующий код, избегая переиспользования кода
header
Семантичная верстка
Cемантическая разметка помогает большему количеству пользователей работать с вашим сайтом, включая людей с ограниченными возможностями
Последние работы
Интернет магазин
Многостраничный
Лендинг
Дизайнер
Уникальный дизайн на заказ Воплотите свои идеи в реальность!
Ui Ux/web-designer
- Behance https://www.behance.net/alerisha99
- Telegram: @alerisha99
- Name: Alena Sherina
- Age: 24
- Graphic programs: Figma Photoshop Illustrator
Multi landing page
Landing page
First screen
Online store
Web Catalog