Необходимо сверстать дизайн главной и пяти внутренних страниц. Верстка должна быть адаптивной, валидной, кроссбраузерной. Реализована с помощью bootstrap (12ти колоночная сетка). В верстке элементов форм и блоков сайта ориентируемся на уже работающий ...
Создание gulpfile.js по ТЗ
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Здравствуйте. Требуется создать gulpfile.js по ТЗ.
Требования:
Иерархия файлов:
- 2 основных папок app и src. В src будет разработка, готовые файлы получаем в app.
- При ЛЮБЫХ изменениях (изменение имени файла/папки, удаление файла/папки) в папке src, все изменения должны немедленно отображаться в папке app. Надо настроить для этого функцию watch таким образом, чтобы не приходилось перезапустить его для получения изменений.
Использовать будем sass (gulp-sass а не gulp-ruby-sass) и jade. Соответственно надо их установить, настроить, чтобы созданные файлы автоматически компилировались и разместились по своим местам в папке app и отображались в browser-sync.
Теперь по очереди.
- При компиляции sass в css в папке app/css должны сохранятся и минифицированный и НЕ минифицированный файлы.
- При компиляции jade в html должны компилироваться только те файлы .jade которые в своем имени не имеют префикса "_". То есть если создается файл main.jade он автоматически компилируется в .html файл и размещается в папке app/. А если название файла _main.jade -> ничего не компилируется.
- Для автоматического создания спрайтов нужно настроить плагин gulp-spritesmith ну и дописать миксины в файле _sprites.sass, можете подсмотреть отсюда Github ссылка. Все иконки для спрайтов кидаем в src/img/sprites, на выходе получаем готовый файл sprite.png в app/img/sprites. Остальные изображения которые будут в папке src/img -> просто перемещаем в папку app/img без сжатия и тд. НО если с папки src/img удалить/переименовать любую картинку - все это должно происходить и в папке app/img.
- Скрипты: Все скрипты в папке src/scripts сжимаем в один файл, сохраняем в app/js в двух версиях - минифицированный и НЕ минифицированный.
- Все добавленные папки и файлы в папке src/fonts должны копироваться в папку app/fonts.
Заявки фрилансеров
Похожие заказы
- HTML-верстка1 исполнительЗавершен9 лет назад
Здравствуйте, коллеги! Я веб-дизайнер и не редко моим клиентам нужна также и верстка макетов. На данный момент в стадии обсуждения вот такой проект: Есть сайт - https://paybox.kz/ Клиент хочет его ...
HTML-верстка11 заявокЗакрыт9 лет назадИмеется 3 файла в формате PHP которые работают с текстом. Нужно помочь разобраться в нём и объеденить в 1 отбросив лишнее.
HTML-верстка10 заявокЗакрыт9 лет назадДля сайта http://ferrum-body.ru/ установить над шапкой сайта баннер, т.е. надстроить. http://c2n.me/3tju58X.jpg Установить корректно, чтобы меню сайта затем работало и указанный на скрине текст http://c2n.me/3tju89I.jpg был ссылками, как сейчас. Баннер в ...
HTML-верстка16 заявокЗакрыт9 лет назадЗдравствуйте. Необходим сверстанный HTML макет для сайта автоломбард. Макет с "нуля", то-есть нет исходников. По сути нужен дизайн, но уже сверстанный. Бюджет не большой, рассматриваем предложения до 4000 руб. Оплата после утверждения клиентом. ...
HTML-верстка35 заявокЗакрыт9 лет назад- $2
Нужно исправить и добавить в лендинг пару блоков, работы максимум на полчаса. Оплата 150р
HTML-верстка1 исполнительЗавершен9 лет назад - $35
Сверстать макет одностраничника. Кроссбраузерно, адаптивно, валидно. JQuery эффекты появления при наведении, появлении. За подробностями в скайп . Оплата в рублях. 3000 р.
HTML-верстка27 заявокЗакрыт9 лет назад Привет, друзья. Без лишних вопросов, качественно свестать. Описание и превью в прикрепленном архиве. !!!Attention Peopl'ы!!! Читайте общую информацию о людях, которых я ищу, у меня в профиле: ...
HTML-верстка12 заявокЗакрыт9 лет назад