🧍♂️ Обо мне
Привет! Я — Алексей, фронтенд-разработчик с философией «код, который уважает людей».
⚙🛠 HTML, CSS, JS, WordPress, email-templates — создаю решения без фальши и шаблонов, строго по задаче.
🔍 Верстаю макеты с адаптацией к смыслу, платформе и пользователю.
🧠 Знаю DOM, layout, viewport, умею диагностировать неочевидные ошибки.
💬 Общаюсь точно, вежливо и конструктивно.
⚙🛠 Мои навыки.
HTML
CSS/CSS3
JavaScript
Weblium
Figma, PSD, Zeplin
WordPress
БЭМ
🔗 Портфолио: [olexiy1974.github.io/resume](https://olexiy1974.github.io/resume)
📌 1. Интерактивное резюме – структура, скиллы, блок «Мои проекты» – GitHub Pages | GitHub
Описание проекта на GitHub - https://github.com/Olexiy1974/resume
Страница для демонстрации - https://olexiy1974.github.io/resume/
📌 2. Таймер с анимацией и мультимедиа – управление таймером, звуковое оформление – GitHub Pages | GitHub
Описание проекта на GitHub - https://github.com/Olexiy1974/timer
Страница для демонстрации - https://olexiy1974.github.io/timer/
📌 3. Mary Cleaning — сервисный лендинг — адаптивная верстка, структура, блоки услуг, отзывы, команда — Демо
Страница для демонстрации - https://singular-buttercream-d57725.netlify.app/
📌 4. Бандерогусь – тематическая страница – патриотичная стилизация, форма подписки, юмор – (вставим отдельно по запросу)
Страница для демонстрации - https://vocal-llama-849601.netlify.app/
📌 5. Промо-лендинг (Bose стилизация) – товары, преимущества, адаптивный лендинг – Демо
Страница для демонстрации - https://admirable-sawine-5a4863.netlify.app/
📌 6. Альтернативное онлайн-резюме – лаконичная подача – Netlify
Страница для демонстрации – https://myinternetresume.netlify.app/
📌 7. "Психология страха камеры" - мобильная страница, созданная в Weblium по дизайнерскому макету Adobe Photoshop
🧍♂️ В рамках заказа от психолога Виталия я создал мобильную веб-страницу, посвященную теме страха перед камерой. В основе его макет в Photoshop, который я адаптировал под конструктор Weblium, преодолевая ограничения платформы.
📱 Страница ориентирована исключительно на мобильные устройства с сохранением структуры и стилистики макета. Я реализовал гибкую адаптивную верстку, организованные блоки контента, форму для подписки и соответствующую тематике стилизацию.
🧠 Отдельным вызовом стала невидимая кнопка Submit в тестовой платежной форме. Я диагностировал проблему на уровне DOM и CSS, провел reflow макета через fullscreen-перерисовку и достиг полного отображения элемента без потери функциональности.
🎯 В результате:
– Заказчик получил точную реализацию своего видения, адаптированную под реальные условия конструктору.
- Я показал глубокое понимание DOM, layout, viewport и CSS, что позволило разрешить нестандартную ситуацию без изменения дизайна.
---
💬 Этот кейс – для меня не просто техническая задача, а пример искреннего сотрудничества: когда заказчик имеет идею, а я помогаю ей родиться в реальности, честно и без шаблонов.
Страница для демонстрации –Blank Website | Home
🔗 GitHub: [github.com/Olexiy1974] (https://github.com/Olexiy1974)
🔧 Решение проблемы невидимой кнопки Submit в платежной форме
Ситуация:
При верификации профиля на Weblancer через онлайн-форму я столкнулся с проблемой: кнопка Submit не отображалась в браузере Google Chrome, хотя ее наличие было подтверждено в DOM через DevTools.
Диагностика и анализ:
Через Chrome DevTools обнаружил наличие тега кнопки в HTML-структуре, но он отсутствовал в рендеринге страницы.
Проанализировал CSS-стили элемента и родительских блоков – в частности padding, margin, и размеры контейнеров, влияющих на макет.
Определил, что кнопка не попадает в макет страницы из-за чрезмерных внутренних отступов и нехватки свободного места в viewport.
Решение:
Включил режим полноэкранного просмотра страницы (fullscreen), что повлекло за собой повторное построение макета (reflow) всей страницы и ее элементов.
Благодаря новому viewport макет страницы был перераспределен, и объект кнопки Submit получил достаточное место для отображения.
Кнопка появилась на странице, и транзакция была успешно завершена.
Итог:
Определил и устранил причину ошибки рендеринга, связанной с неудачным размещением кнопки в макете.
Доказал, что браузер не рендерит элемент, если он не входит в layout-tree и продемонстрировал знание принципов DOM, layout, reflow и влияния viewport.
🔍 Примечание:
Это была ошибка разработчика платежной формы, которая не учла крайние условия viewport при верстке.
🔧 Предлагаемые услуги:
• Верстка одностраничных сайтов (HTML/CSS)
• Адаптация под мобильные устройства
• Добавление интерактива через JavaScript (таймеры, переключатель темы)
• Создание онлайн-резюме и портфолио
• Публикация на GitHub Pages
• Настройка репозиториев и фиксация багов
---
📌 Что могу сделать для заказчика:
• Четко понять задачу и реализовать ее без лишних итераций
• Работать структурированно, в сроки, без задержек
• Написать чистый, адаптивный код
• Общаться просто, конструктивно и по делу
• Придать результат “раз – и качественно”
---
📬 Контакты:
📧 Email: [email protected]
📱 Telegram: @OlexiyFront
---
💬 Готов к новым задачам и сотрудничеству.
Пишу реальный код для реальных людей без фальши и без лишнего. При этом мой профиль верифицирован.
И напоследок как очень важное.
Мои самые важные для меня принципы для взаимодействия и максимально продуктивного и взаимовыгодного сотрудничества с заказчиком.
🧭 "Опыт сотрудничества, который вызывает доверие".
💬 Коммуникация
Регулярно информирую клиента о ходе выполнения проекта
Отвечаю оперативно и по делу, без «воды»
Своевременно и также без воды сразу же в момент их возникновения та обнаружения сообщаю обо всех выявленных нюансах и проблемах, обсуждаю и согласовываю с заказчиком возможные методы и пути их решения
Соблюдаю вежливый, доброжелательный и уважительный стиль общения
📌 Уточнение ожиданий
Перед началом проекта уточняю требования, объём и сроки
Предлагаю решения, если задачи сформулированы не до конца
Подтверждаю все договорённости письменно, чтобы избежать недопонимания
🛠 Качество и ответственность
Выполняю работу внимательно, не оставляя «сырья» или мелких недочётов
Проверяю итог перед сдачей: адаптивность, кроссбраузерность, валидность
Всегда соблюдаю сроки, либо заранее сообщаю о возможных изменениях
🎯 Гибкость и уважение к пожеланиям
Внимательно отношусь к личным пожеланиям клиента — как по содержанию, так и по стилю
Если что-то технически невозможно — объясняю причины и предлагаю альтернативу
Не навязываю решения — обсуждаю, предлагаю, советую
🎯 Мой девиз которому я всегда следую и которого всегда придерживаюсь.
Я пишу код, который уважает людей. Без фальши. Без шаблонов.
И каждый реализованный мною проект — это не просто сайт, не просто работа это настоящий акт доверия со стороны заказчика.
🎯💡 Мои компетенции — это не просто знания, а структурированное ощущение дизайна
Я не просто верстаю макеты — я адаптирую дизайн для пользователя, платформы и смысла. В моей работе с HTML/CSS/JS есть место и для точности, и для человесности. Чистый код — как чистая мысль. Адаптивность — как способность слышать контекст.
🔹 HTML, CSS, JS — не лишь синтаксис, а средтва воплощения логики и интуиции
🔹 WordPress — не просто CMS, а экосистема, в которой я ориентируюсь, структурирую темы, работаю с ACF, и учитываю потребности как разработчика, так и пользователя
🔹 Sendy, email-templates — адаптация кограничениям платформ, создание совместимых решений для всех почтовых клиентов
🔹 Figma, PSD, Zeplin — макет как начало диалога, а не догма
🔹 Комунікація — моя сила: я пишу так, чтобы было понятно, тактично и точно. Мягко, но уверенно, донесу мнение и поддерживаю доверие
🔹 Готовність освоювати нові платформи — Weblium, Tilda, Wix — это вызовы, под которые я адаптирую свои навыки
🔧 Мне не нужно перечислять каждую технологию — я умею задавать правильные вопросы и выстраивать работающие решения.
🔭 Я смотрю на код как на архитектуру значения. И каждый тег, каждый div – это не случайность, а выбор.
🎯Я действую честно, профессионально и с уважением.
🔹 Моя задача — не убеждать тех, кто не готов к диалогу, а создавать качественный результат.
Мой код — это не просто набор символов, а ответственность перед клиентом и проектом.
Если кто-то выбирает скорость вместо качества — это их выбор, но не моя ошибка. Я постоянно развиваюсь, потому что знаю: настоящие клиенты видят во мне партнёра, а не инструмент. Я не останавливаюсь. Я создаю. Я расту.
🔹 Если для вас главное — «чтобы было быстро», а качество не имеет значения, если вас устраивают решения на конструкторах или конвертерах, которые генерируют перегруженный, неструктурированный и часто некорректный код — скорее всего, мы не подходим друг другу.
🔹 Я работаю для тех, кто ценит чистоту, оптимизацию, семантику и контроль над результатом. Автоматизированные инструменты, искажающие структуру страницы — это путь для дилетантов. Профессионалы, как и я, используют их только в крайних случаях, когда сроки критичны.
🔹 Я ищу заказчиков, которые готовы слушать, уважать мою экспертизу и видеть во мне партнёра.
Я всегда говорю по делу — и ожидаю такого же отношения в ответ.
🛠️ Как я работаю
Каждый проект — это не просто задача, а совместный путь к результату. Я не гонюсь за количеством — я строю качество. Вот как я это делаю:
Анализ макета Я внимательно изучаю дизайн, выявляю сложные элементы, уточняю цели и приоритеты. Моя задача — понять не только “что видно”, но и “что важно”.
Адаптация и верстка Я создаю чистый, семантический HTML и CSS, обеспечивая адаптивность на всех устройствах. Код — это не просто инструмент, это отражение уважения к пользователю.
Интерактив и логика Добавляю JavaScript только там, где это действительно нужно. Я не перегружаю — я усиливаю.
Тестирование и контроль Проверяю результат в разных браузерах и почтовых клиентах (если это email-верстка). Я не сдаю работу, пока сам не буду ею гордиться.
Уточнение и согласование Я открыт к диалогу, но ценю конкретику. Уважение к моему труду — это основа нашего сотрудничества.
