Обо мне.

🧍‍♂️ Обо мне

Привет! Я — Алексей, фронтенд-разработчик с философией «код, который уважает людей».

⚙🛠 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], [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-верстка). Я не сдаю работу, пока сам не буду ею гордиться.

• Уточнение и согласование Я открыт к диалогу, но ценю конкретику. Уважение к моему труду — это основа нашего сотрудничества.