Меня зовут logotip лександр

Я - IT специалист в сфере веб-разработки.
Делаю Верстку сайтов любой сложности.
Создание дизайна - лендинга, многостраничных сайтов, интернет магазинов.
Заказать сайт
aleks
tel
bem

Методология БЭМ

Позволяет легко и быстро разрабатывать интерфейсы любой сложности и повторно использовать существующий код, избегая переиспользования кода.
animation

Анимация

Это мой любимый этап в верстке и одна из важных элементов сайта, при правильном применение визуально украсит ваш сайт.
reliability

Надёжность

Надёжно сверстанный сайт позволяет добавлять любой контент, такой как: текст, блоки и изображения при этом не ломая структуру сайта.
template

Стартовый шаблон

В результате моего опыта в создания сайтов, мой код более продуманный и имеет большие наработки позволяя не тратить много времени при работе.
improvement

Совершенствование

Я никогда не стою на месте всегда изучаю новые технологии и углубленно изучаю js и Eng, для пути к frontend - разработчику

Рабочее место

Я использую мультимониторную систему с тремя мониторами и мощный пк для быстрой и качественной работы
Перейти в портфолио
pk

Технологии

HTML
HTML5
CSS
CSS3
JS
JS
SASS
SASS
GULP
GULP
WEBPACK
WEBPACK
VS-CODE
VS-CODE
FIGMA
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
  • Быстрое разворачивание проекта
  • Стартовый шаблон с продуманным кодом для быстрого старта и качественной вёрстки
  • Автоматизация процесса верстки
  • Компиляция препроцессоров
  • Ускоренная стилизация сайта
  • Более гибкий код
  • Улучшенная логика стилей
  • Упрощенный синтаксис
  • Вложенность селекторов без ошибок
  • Оптимизированная вёрстка

logotipнимация

Часто используемая анимация в проектах

Анимация при появления блока

Анимация при наведении на кнопку

Анимация при наведении на ссылку

Анимация при наведении на изображение

cover

Анимация при наведении на иконку

Верстка

Важные этапы в создании современного сайта

icon wont-break

Надёжная вёртска

Качественная вёрстка самый важный показатель верстальщика. верстка не должна ломаться при замене контента, при этом использование минимального колличества строк кода для более оптимизированной вёрстки
icon browsers

Кроссбраузерный код

Корректное оторбражение всех элементов на странице в любом браузере
icon error

Ошибки валидации

Идеальный код без ошибок, отличный показатель опытного специалиста
icon webp

Webp

Новый формат графических файлов, который обеспечивает отличное сжатие изображений при сохранении качества. Чем меньше весит графика ― тем быстрее загружаются страницы сайта, это важно и для поискового продвижения, и для удобства пользователей.
icon svg

Svg

Лёгкий и масштабируемый, а также его можно модифицировать через код. Они обеспечивают высокое качество изображений независимо от размера экрана
icon lazy-loading

Ленивая загрузка

Пользователь очень не любит ждать долгую загрузку сайта. Ленивая загрузка позволяет в разы увеличить скорость зугрузки вашего сайта
icon phone

Адаптивная верстка

Правильная адаптация сайта поможет улучшить оторбражение различных элементов на всех экранах любого девайса
icon bem

Методология бэм

Позволяет легко и быстро разрабатывать интерфейсы любой сложности и повторно использовать существующий код, избегая переиспользования кода
icon
header
nav
section
header
article
aside

Семантичная верстка

Cемантическая разметка помогает большему количеству пользователей работать с вашим сайтом, включая людей с ограниченными возможностями

Последние работы

Интернет магазин
Tile-ceramic
Интернет магазин - Керамической плитки, многостраничный
Посмотреть
Arsenal
Интернет магазин - Инструментов Arsenal
Посмотреть
Mircheva
Интернет магазин - Одежды Mircheva
Посмотреть
Многостраничный
Massage_salon
Сайт - Cалон эротического массажа, многостраничный
Посмотреть
Skyrim
Игровой сайт - Skyrim, многостраничный
Посмотреть
Future_point
Сайт - Точка будующего, многостраничный
Посмотреть
Лендинг
english-gure
Сайт - Наш английский, лендинг
Посмотреть
Topvtop
Сайт - продвижений Topvtop, лендинг
Посмотреть
Poker_team
Сайт - Poker team, лендинг
Посмотреть

Дизайнер

Уникальный дизайн на заказ Воплотите свои идеи в реальность!

Дизайнер

Ui Ux/web-designer

Multi landing page
Landing page
First screen
Online store
Web Catalog

Контакты

Kwork
aleksandr

logotipleksandr_freelancer