Верстка лендинга из Figma
Нужно сверстать адаптивный лендинг (6 блоков) + всплывающее модальное окно записи. Pixel Perfect не требуется, важна аккуратность, чистый код и скорость работы. Без использования тяжелых фреймворков.
Наша платформа предлагает работу верстальщиком удаленно с прозрачными условиями и гарантированной оплатой через систему безопасных сделок. Регистрируйтесь как исполнитель и выбирайте заказы на вёрстку от реальных заказчиков — обычных людей, малого бизнеса, студий, которые зарегистрированы на бирже для оформления заказов. Фриланс-формат позволяет вам самостоятельно выбирать график и объем нагрузки.
Найти заказ на вёрстку Найти заказ на вёрсткуНужно сверстать адаптивный лендинг (6 блоков) + всплывающее модальное окно записи. Pixel Perfect не требуется, важна аккуратность, чистый код и скорость работы. Без использования тяжелых фреймворков.
Сверстать карточку товара, корзину и страницу оформления заказа по готовому UI-киту. Важно использовать методологию BEM и препроцессор SCSS. Вёрстка должна быть резиновой.
Исправить отображение на мобильных устройствах (кнопки, меню, шрифты), добавить анимацию появления элементов на главной, оптимизировать загрузку видео (lazy loading). Стили через дочернюю тему. Не нарушить работу плагинов.
Требуется табличная вёрстка трех писем (welcome-цепочка) со строгими инлайн-стилями. Код должен быть валидным. Проверка отображения через сервис Litmus (или аналоги) обязательна.
Дизайнер добавил в готовый макет hover-эффекты и плавное появление блоков при скролле. Нужно интегрировать эти эффекты в текущую верстку с помощью CSS-анимаций и базового JS, а также поправить отступы в футере.
Сложная вёрстка дашборда: графики, таблицы с сортировкой, боковое меню, карточки профилей. Требуется уверенное использование CSS Grid и Flexbox. Макет строгий, нужно соблюдать отступы до пикселя.
Платформа объединяет заказчиков и исполнителей, для которых работа верстальщиком сайтов — основной профиль. Ваша задача — перевести готовый дизайн-макет в рабочий, кроссбраузерный и адаптивный код с помощью HTML и CSS. Грамотная структура, чистый код и оптимизация под мобильные устройства высоко ценятся клиентами, поэтому вакансии верстальщика всегда остаются востребованными на цифровом рынке.
Поток задач не иссякает: веб-дизайнерам регулярно требуются специалисты для «оживления» макетов, диджитал-агентства часто делегируют техническую часть на аутсорс, а действующему бизнесу необходимы правки текущих веб-страниц. Если вы хотите работать онлайн на фрилансе: верстка сайтов через проверенные сайты нашей биржи открывает доступ к заказам со всей России.
Процесс сотрудничества выстроен максимально прозрачно. Вы просматриваете ленту, где собраны актуальные вакансии html верстальщика, откликаетесь на понравившееся задание и обсуждаете детали в чате. После утверждения вашей кандидатуры заказчик резервирует средства через безопасную сделку — вы можете спокойно писать код, зная, что ваша удаленная работа верстальщиком html будет гарантированно оплачена после сдачи архива с файлами.
Наша площадка подходит всем специалистам. Здесь есть как сложные задачи для профи с использованием современных фреймворков, так и вакансии html верстальщика удаленно без опыта, которые отлично подходят для старта и наработки портфолио. Вы сами решаете, будет ли это полноценная работа html верстальщиком на полный день или удобная подработка верстальщиком по вечерам и выходным.
Перенос макета из Figma или Photoshop в HTML/CSS. Настройка медиазапросов для корректного отображения контента на смартфонах, планшетах и широкоформатных мониторах.
Создание HTML-шаблонов для главной, внутренних страниц, блога и контактов. Соблюдение единого стиля, переиспользование CSS-классов (например, по методологии BEM) и подготовка структуры для натяжки на CMS.
Специфическая табличная вёрстка писем с использованием встроенных (inline) CSS-стилей. Гарантия того, что рассылка не «развалится» и будет корректно читаться в популярных почтовых клиентах (Mail.ru, Яндекс, Gmail, Outlook).
Работа с чужим кодом по ТЗ заказчика: исправление «поехавших» блоков, добавление новых секций на работающую страницу, оптимизация скорости загрузки и устранение багов адаптивности.
Начальный
Средний
Высокий
Более 800 тыс. заказчиков
вакансии удаленной работы от прямых работодателей
Гарантия оплаты
проверенные вакансии удаленной работы
Работа онлайн удаленно
из дома, свободный график
Рейтинг и отзывы
рост ставок
Регистрация
Создайте аккаунт исполнителя
Портфолио
Добавьте 5-10 лучших работ
Отклик
Найдите заказ и подайте заявку
Заработок
Выполните и получите оплату
Что делать, если в макете не отрисованы состояния элементов (ховеры, фокусы)?
В таких случаях лучше всего связаться с заказчиком или дизайнером до начала работы и уточнить их видение. Если дизайнер недоступен, негласное правило хорошего тона для верстальщика — реализовать базовые, интуитивно понятные эффекты (например, легкое изменение цвета кнопок, плавные переходы или подчеркивание ссылок при наведении), опираясь на общую стилистику макета.
Как защитить себя от бесконечных правок по вёрстке?
Главный инструмент — подробное техническое задание. До старта зафиксируйте, какие именно браузеры и разрешения экранов вы поддерживаете, требуется ли Pixel Perfect, и какие технологии используете. Если после сдачи работы заказчик просит изменить саму структуру или дизайн, который уже сверстан в точном соответствии с утвержденным макетом — это считается новой задачей и оплачивается отдельно.
Как заказчики обычно принимают готовую вёрстку?
Чаще всего верстальщик передает клиенту ZIP-архив со структурированными файлами (HTML, CSS, JS, папки с картинками и шрифтами). Также хорошей практикой считается заливка проекта на бесплатный тестовый хостинг (например, GitHub Pages), чтобы клиент мог открыть ссылку в браузере и «покликать» страницы вживую перед финальной оплатой.
Обязательно ли верстальщику знать JavaScript на продвинутом уровне?
Для классической вёрстки макетов достаточно базового понимания JS (или умения работать с популярными библиотеками), чтобы подключить слайдер, сделать мобильное бургер-меню, табы или всплывающие окна. Однако глубокое знание нативного JavaScript значительно повышает ваш средний чек и в будущем открывает путь в полноценную Frontend-разработку.
Что делать, если заказчик требует поддержку устаревших браузеров, а в ТЗ этого не было?
Поддержка старых версий IE или устаревших мобильных браузеров требует серьезных дополнительных усилий (использование полифиллов, отказ от современных CSS-свойств вроде Grid). Если это требование всплыло после согласования ТЗ и начала работы, вы имеете полное право обсудить с заказчиком пересмотр сроков и увеличение стоимости проекта, так как это меняет стек технологий.