https://desevp.github.io/ya-task-2/
Js:
- Постраничная карусель CircularSlid.js;
- Открытие модального окна Modal.js;
- Крутилка температуры simpleSlider;
- Фильтры в модальном окне RangeFilters.js;
- Немного js потребовалось, чтобы заблюрить фон страницы.
Дополнения:
- Стрелки в каруселях исчезают только на тач-устройствах, чтобы при маленьких разрешениях десктопного браузера оставалась возможность прокрутки;
- При разрешении на десктопе <1024 в горизонтальный каруселях появляется прокрутка, чтобы можно было взаимодействовать с переключателями.
- Немного уменьшен размер вертикального range на мобильных, чтобы модальное окно умещалось на большинстве устройств.
Команды:
- npm i Установить зависимости
- npm start Запустить сборку, сервер и слежение за файлами
- npm start ЗАДАЧА Запустить задачу с названием ЗАДАЧА список задач в gulpfile.js
- npm run build Сборка проекта без карт кода (сжатый вид, как результат работы)
- npm run lint:scss Проверка стилей проекта https://stylelint.io/
- npm run lint:js Проверка js https://eslint.org/
Назначение папок
- build/ # Папка сборки
- src/ # Исходные файлы
- pages/ # - html страницы проекта
- _include/ # - фрагменты html для вставки на страницы
- style/ # - стили scss
- style/partials/ # - фрагменты scss
- style/vendor/ # - стили подключенных библиотек
- fonts/ # - шрифты проекта
- media/ # - медиа файлы проекта
- images/ # - изображения
- images/img_to_bg/ # - svg для вставки inline в стили (не будут скопированы в - build)
- js/ # - js-файлы
- js/partials/ # - модули js
- index.html # - главная страница проекта