Архив: Адаптивная верстка по BEM

Бюджет По договоренности
Создан: 7 лет назад
Закрыт
Описание
Здравствуйте!
Требуется сверстать шаблон, 7 страниц. На JS нужно сделать только декоративные элементы (меню, попапы, прокрутки и т.д). Шапка должна прилипать к экрану сверху, только при прокрутке страницы наверх: http://alexeybychkov.com/blog/answers/fix-header/ (см. самый последний пример).

Технические требования:
1.    Именование классов по БЭМ (в качестве разделителя элементов "__",в качестве разделителя модификаторов "--").
2.    Принцип вёрстки – MobileFirst. Если вкратце –сначала верстаем для телефонов, затем, для устройств с большим размером экрана,
используя mediaqueryв одном и том же файле логического блока(см. пример)
3.    При адаптивной верстке запрещается дублирование html-кода. К примеру, вы создали плашку для телефонов и создали плашку для ПК ив зависимости от экрана телефона или ПК скрываете или показываете нужную
плашку. Так делать категорически нельзя – получается дублирование контента.
Нужно сделать одну плашку, которая будет правильно отображается на телефонах и
на ПК.
4.    Все логические блоки разложены по отдельным SASS-файлам (на продакшене собираются в один CSS-файл).
5.    JS-файлы разложены по отдельным файлам (на продакшене собираются в один).
6.    PageInsights должен быть в "зелёной зоне".https://developers.google.com/speed/pagespeed/insights/?hl=ru
7.    Правильное использование HTML5-тегов там, где они уместны.
8.    Код должен быть валиден по валидатору: https://validator.w3.org/
9.    Без использования Bootstrapи пр. внешних библиотек – чем меньше объём CSS -кода, тем лучше. Но если очень уж хочется – пишите, обсудим.Исключение – JS, тут можно использовать jQueryи пр.
10. Для подключения внешних библиотек используйте Bower.
11.  Для кнопок, ссылок и пр. используйте миксины,чтобы в будущем можно было легко и просто поменять цвет или добавить новый (см.
пример).
12. Обязательно используйте глобальные переменные, которые задают цвета, размеры и прочие вещи,
которые повторяются в коде.
13. В качестве сборщика использоватьGulp.
14. Структура файлов должна быть похожа на ту, что на скриншоте.

Превью файлов можно посмотреть здесь:  https://yadi.sk/d/ydIsXdTQrhFBzw
PSD-исходники имеются.
В заявках указывайте цену, сроки и примеры вашего кода.
Категория

Похожие проекты

 
0 0
Нужна разработка сайта (проектирование, дизайн, программирование,тестирование) на CMS «1С-Битрикс», интеграция с системой управления контентом, развертывание и настройка на сервере Заказчика, гарантийная поддержка в течение 3 месяцев. Обращаю ваше внимание, на то что в ТЗ указан способ предоставления......
safe 
0 0
Ищем специалиста, который имеет опыт в разработке мобильных приложений с использованием фреймворка Expo. В целом задача будет заключаться в отладке сервиса сбора геоданных пользователей внутри приложения, созданного на Expo. Также необходимо проработать функциональность трекинга геолокации пользователя......
safe 
0 0
Сайт для просмотра специализированной БД База данных 10000 строк Необходимо: Сохранить структуру и функциональность существующего сайта. Заменить БД на актуальную. Создать инструмент для импорта обновленной БД из файла вручную. Внести корректировки в работу с базой данных (защита от скачивания, пагинация......
7 месяцев назад
$143
0 3
Oпpocы (1010pyб/чaс) Заходитe на сaйт: gonsù....
11 месяцев назад
$71
0 3
Всем привет! Необходимо разработать лендинг на платформе Salebot. Лендинг будет в стиле визитка для кофейни. Интересует именно данная платформа, так как многие мои услуги сделаны именно там....
safe 
0 3
Ищу клиента для создания учебного проекта и оформления портфолио бесплатно или за символическую сумму....
safe$500
0 10
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
safe$120
0 7
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
1 год назад
safe 
11 5
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 год назад
 
0 9
Требуется веб дизайнер для  2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация.   Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
 
0 4
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
1 год назад
$33
10 2
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
1 год назад
 
76 2
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
1 год назад
safe 
498 13
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox  Debian 6. 1 используя php7. 33 и базу MongoDB....
safe 
134 8
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ!   1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия).   П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
1 год назад
 
89 1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
safe$111
122 3
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
Смотреть все