Описание услуги
Я превращаю ваши макеты из Figma или Sketch в pixel-perfect вёрстку, готовую к продакшену, и отношусь к макету как к договору: отступы, типографика, цвета, состояния и брейкпоинты воспроизводятся ровно так, как задумал дизайнер. Работаю на семантическом HTML и современном CSS, а когда проект того требует, собираю тот же интерфейс компонентами React или Vue с понятной и предсказуемой структурой. Вы получаете разметку, которую сможет читать и развивать вся команда, а не клубок вложенных div-ов и магических чисел, который через полгода страшно трогать.
Каждый макет, который я отдаю, полностью адаптивен и проверен в реальных браузерах, поэтому результат выглядит и ведёт себя одинаково на десктопе, планшете и телефоне. Доступность для меня часть работы, а не довесок: правильный порядок заголовков, фокус с клавиатуры, подписи полей, ARIA там, где она нужна, и контраст, проходящий проверки. Если у вас уже есть дизайн-система, я переношу ваши токены, единицы отступов и варианты компонентов в переиспользуемые блоки, чтобы новые экраны оставались консистентными. Всё неоднозначное подсвечиваю заранее, ещё до первой строки кода, и сдаю небольшими проверяемыми частями с читаемой размеченной разметкой и комментариями.
— Figma или Sketch в HTML/CSS, React или Vue
— Адаптивные макеты, проверенные в разных браузерах
— Доступная семантическая вёрстка под дизайн-систему
Каждый макет, который я отдаю, полностью адаптивен и проверен в реальных браузерах, поэтому результат выглядит и ведёт себя одинаково на десктопе, планшете и телефоне. Доступность для меня часть работы, а не довесок: правильный порядок заголовков, фокус с клавиатуры, подписи полей, ARIA там, где она нужна, и контраст, проходящий проверки. Если у вас уже есть дизайн-система, я переношу ваши токены, единицы отступов и варианты компонентов в переиспользуемые блоки, чтобы новые экраны оставались консистентными. Всё неоднозначное подсвечиваю заранее, ещё до первой строки кода, и сдаю небольшими проверяемыми частями с читаемой размеченной разметкой и комментариями.
— Figma или Sketch в HTML/CSS, React или Vue
— Адаптивные макеты, проверенные в разных браузерах
— Доступная семантическая вёрстка под дизайн-систему
