Здравствуйте! Есть верстка, нужно сделать сайт. Два языка, 4 типа страниц: главная, список постов в одной из категорий, страница поста этой категории и текстовая страница. Посты в категории должны будут ...
Верстка макетов из Sketch для React.js на Ant Design
Макет - https://www.dropbox.com/s/jat2whx30yx8mx7/Mockup.sketch?dl=0
Необходимо заверстать адаптивный макет для React.js на основе Ant Design. Часть структуры ("скелет") уже заверстана на Ant Design, можно ее брать за основу и адаптировать под дизайн (позже дам доступ). По максимуму в верстке использовать Ant Design и в отдельном файле css прописывать изменения под дизайн (например, стилизировать Ant Design инпут под наш) .
Размеры экранов:
- больше 1440 - десктопная версия
- от 768 до 1439 - планшетная версия
- от 375 до 767 - телефонная версия
- Используйте flex.
- Используйте спрайты разумно.
- Используйте svg через background: url('data:image…) без Base64. Предварительно обрабатывайте svg в svgo.
- Используйте оптимизированные изображения через tinypng.com
- Не используйте inline стили.
- Используйте 2x изображения для устройств с двойной плотностью пикселей.
- Ваша вёрстка должна быть валидной.
- Вёрстка должна корректно отображаться (соответствовать первоначальному макету дизайна) и функционировать в следующих браузерах:
- Google Chrome 78.0
- Google Chrome 77.0
- Google Chrome 71.0
- Firefox 70.0
- Firefox 68.0
- Mozilla 5.0
- Internet Explorer 11
- Edge 18
- Safari 13.0.3
- Safari 13.0.1
- Мобильные браузеры:
- UC
- Opera
- Safari Mobile 13
- Safari Mobile 12
- Safari Mobile
- Samsung mobile browser
В каждом случае сначала согласуйте с заказчиком возможность отойти от макета.
Заявки фрилансеров
Похожие заказы
- HTML-верстка1 исполнительЗавершен5 лет назад
- $65
https://www.figma.com/proto/dHDaZW5SVisGpnsaSnNs2K/Interior-design?node-id=4%3A2&scaling=min-zoom
HTML-верстка1 исполнительЗавершен5 лет назад 1. вывести тайтл Н1 в рубриках\тегах 2. правки полей страницы CSS + удалить блоки 3. удалить префикс рубрики\тега 4. вывести карточку товара 5. стили миниатюр в рубриках\тегах CSS 6. вывести ...
HTML-верстка1 исполнительЗавершен5 лет назадНужна верстка https://ruskupe.ru/ а то там сейчас все криво
HTML-верстка1 исполнительЗавершен5 лет назадЕсть макет лендинга в фигме + есть адаптивный макет под мобильные устройства. Нужна верстка под ключ (анимации, всплывающие окна, редактируемые блоки и т.д.).
HTML-верстка1 исполнительЗавершен5 лет назад- $20
Сверстать email письмо https://www.figma.com/file/SB9yy4U3zdpzxaxjEpguHw/Sofi-de-Marko?node-id=178%3A2 (последнее) Срок: сегодня
HTML-верстка23 заявкиЗакрыт5 лет назад На проектную работу требуется HTML-верстальщик:Твердые знания HTML5, CSS3;Кроссплатформенная и адаптивная верстка для последних версий браузеров;Умение применять Flexible Box Layout, Grid;Понимание различных методологий верстки: БЭМ, SMACSS и умение их применять;
HTML-верстка54 заявкиЗакрыт5 лет назад- $40
Необходимо сделать не сложный сайт на 4-5 страниц. Макет отправлю в лс. Условия:адаптивность,читсый html и css код. Возможно понадобится установка на вордпресс. Пишите цену и сроки.Предпочтительнее профессиональные верстальщики
HTML-верстка1 исполнительЗакрыт5 лет назад - $12
На данный момент нужно переделать страницу Работа не разовая По данному проекту постоянно нужно что то дорабатывать Задание и верстку прикрепил
HTML-верстка1 исполнительЗавершен5 лет назад Разработайте Web-страницы, рассказывающие о вашем классе. На головной странице разместите рассказ о классе, классном руководителе. Рассказы об учениках разместите на отдельных Webстраницах. Укажите ссылки на страницы учеников с головной Web-страницы. Не забудьте разместить ссылки ...
HTML-верстка32 заявкиЗакрыт5 лет назад