OptimizedHTML 5 - Облегченный стартер для верстки сайтов 

Здравствуйте. Новый джедай уже на канале: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3PzzZ5eHHig.html

Здравствуйте. Новый джедай уже на канале: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3PzzZ5eHHig.html

сколько на верстке зарабатываешь?

@@sestik1 >70к

Здравствуйте. Новый джедай уже на канале: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3PzzZ5eHHig.html

Здравствуйте. Новый джедай уже на канале: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3PzzZ5eHHig.html

А уже: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3PzzZ5eHHig.html

Приветствую! Нет, в основном использую эти инструменты. jQuery только в относительно крупных проектах. Их проще включить, чем отключить)

Новый джедай уже вышел, получилось круто: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3PzzZ5eHHig.html

Здравствуйте. Меня устраивают настройки плагина по-дефолту, они весьма хороши. Что касается шрифтов - предложенный сайт делает это лучше любого из существующих модулей. Сам процесс подготовки шрифтов для нового проекта это разовая операция, её можно и не автоматизировать.

@@wdm Спасибо за ответ.

Насколько я знаю, в Sass можно легко импортировать любые Scss файлы. Сделайте основной файлик для себя и пишите.

Конечно!

WebDesign Master знать бы примерные сроки😀

@@wdm Ура! Ждем.

Новый джедай уже вышел: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3PzzZ5eHHig.html

Здравствуйте! Успешной работы!

Работает.

Здравствуйте. Такая возможность уже реализована, см. инструкцию на странице урока.

Ну да.

@@wdm спасибо, все получилось. А, как правильнее или просто правильно подключить к этому оптимайзу FontAwesome? Думаю многим пригодится ваш ответ на этот вопрос.

Здравствуйте. Файлы конкатенируются и сжимаются.

Как пожелаете. Создать файл - элементарная задача.

Привет. Отключите строчки тасков, отвечающие за сжатие этих файлов.

Конкретно для этой сборки нужно закомментировать в gulpfile.js: для CSS - 36 строку, для JS - 49 строку кода. И большое спасибо Алексею за уроки!

Там же есть пример в main.sass

@@wdm спасибо увидел, буду разбираться.

Такая возможность уже реализована, см. инструкцию на странице урока.

Переделывать ничего не нужно. Просто кидаете любое количество в любом порядке *.scss файлы с вашим синтаксисом в директорию "app/styles/sass/blocks/" и они буду работать.

Всё, что было озвучено - будет реализовано. Следите за обновлениями на канале.

Здравствуйте. Стартер устроен так, что всё уже готово.

@@wdm Алексей, пишу команду gulp build а мне выдает ошибку, task never defined: build

RySiK 2x данного таска нет в сборке. Сборка устроена так, что уже всё готово.

Всё ок, поисковики не стоят на месте: www.google.ru/search?tbm=isch&q=site:webdesign-master.ru yandex.ru/images/search?text=site:webdesign-master.ru

Здравствуйте. В main.sass есть пример использования медиа-миксинов.

@@wdm ааа, понял... спасибо...

Здравствуйте. Если вам не нужны адаптивные и оптимизированные изображения, не размещайте их в папке _src.

А уже вышел: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3PzzZ5eHHig.html

Nikolai Rogalskiy причин может быть много.

@@wdm какие данные предоставить, что бы получить более конкретный ответ? Scss подключается и все работает, но не все плагины имеют scss.

Nikolai Rogalskiy попробуйте импортировать CSS файлы без расширения .css

@@wdm Большое спасибо. Попробую сделать именно так.

Здравствуйте. Попробуйте сделать следующее (если у вас Linux или Mac, выполняйте глобальные установки с правами суперпользователя sudo): 1. Удалите папку node_modules; 2. Выполните команду: «npm uninstall -g gulp»; 3. Удалите из системы Nodejs; 4. Установите Nodejs заново; 5. Выполните в папке проекта следующую команду: «npm i -g gulp npm-check-updates»; 6. Выполните команду «ncu» и если есть устаревшие модули, обновите их командой «ncu -u»; 7. Установите модули командой «npm i».

@@wdm спасибо за оперативный ответ. К сожалению, ничего не помогло. По инструкции проблема осталась. Я опять снес все окружение. Поставил Ноду через Homebrew, npm и ncu. Проверил ncu глобально и в проекте. Sudo ставил везде практически. Попробовал в разных местах на диске, включая корень. В итоге по npm i все равно теряются модули. В процессе установки вылетают ошибки. Попробовал вручную решать пошагово. node-saas удалось поставить через команду sudo npm Install --save-dev --unsafe-perm node-saas. Следом не нашелся gulp-responsive. Один раз мне удалось такой же командой его поставить, но после этого вылезла портянка на кучу потерянных файлов и я решил снова пересобрать node-modules. Второй раз установить gulp-responsive не удалось даже после очередного сноса "и все заново". Шестой час попыток запустить OpHTML 5 (((( Пошел дрыхнуть, утром опять буду ковыряться.

Что-то не так с системой.

Может кому-то будет полезно. Как я решил проблему запуска на Mac OS Mojave -------------------- Полностью удалить окружение можно только таким образом (остальные оставляли следы): Открываем Терминал (глобально, не в папке проекта) Выполняем команду sudo rm -rf /usr/local/{lib/node{,/.npm,_modules},bin,share/man}/{npm*,node*,man1/node*} Выполняем команду rm -rf ~/.npm Открываем Finder - Переход - Переход к папке /usr/local/ В подпапках lib, bin, cellar, include удаляем все оставшиеся файлы, в которых видим упоминание npx, node или nvm -------------------- Далее лечим homebrew (если им пользовались) Выполняем команду brew doctor Вылетят рекомендации среди которых, скорее всего, будет много потерянных связей Выполняем brew cleanup Опять проверяем brew doctor Выполняем команды которые он рекомендует до тех пор пока не увидим сообщение, что наша система готова к работе с brew -------------------- Обновляем Mac OS через терминал - обязательно Странно, но AppStore и в «О мак» у меня не высвечивалось никаких обновлений, но терминал их обнаружил, и это были весомые обновления. Набираем команду sudo softwareupdate --list и получаем инфо об элементах системы, которым требуется обновиться. Набираем sudo softwareupdate -ia чтобы обновить все Перезагружаем мак - ждем пока установятся обновления -------------------- Заново накатываем окружение правильно Устанавливаем Node js с официального сайта через инсталятор. Установка через homebrew и через nvm у меня успехом не увенчались. Точнее нода ставилась, но проект я запустить не мог. Скорее всего, я что-то не допер. Но через скачивание и установку с помощью пакейдж файла в итоге все заработало как надо. Homebrew я удалять не стал, может пригодится в будущем (главное почистить его ошибки связей по инструкции выше) Заходим на nodejs.org/ и качаем установщик для Mac Устанавливаем. В итоге он скажет: Убедитесь, что у вас есть $PATH к папкам куда установилась нода. По умолчанию это /usr/local/ Открываем терминал и выполняем sudo nano /etc/paths Нам выдадут список пассов, у меня заработала такая конфигурация: /usr/local/bin /usr/bin /bin /usr/sbin /sbin /usr/local/share/npm/bin Если чего-то нет - дописываем Жмем ctrl X Y Enter -------------------- Устанавливаем Gulp глобально Проверяем node --version Проверяем npm --version Проверяем npx --version Если в ответ на все команды получили цифры версий, то запускаем установку командой: sudo npm install --global gulp-cli -------------------- Запускаем проект Создаем папку (имя на латинице) Распаковываем в нее OptimizedHTML Запускаем терминал по адресу папки (если не понятно как это сделать, загугли как настроить Finder для этого) Запускаем npm i (важно запускать без sudo) Профит.

Кстати, вот еще новая инструкция по установке окружения: webdesign-master.ru/blog/docs/webdev-without-wsl.html

У нас есть удобный и крутой стартер без препроцессоров и обработчиков, на чистом коде, рекомендую: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-y_CamNP6VUs.html

Тарас Курбатов я в таких случаях папку node_modules удаляю и делаю npm i и update. Всегда помогает

@@QuPro Ну почти. Проблема оказалась в этом - Error: Can't find Python executable "python"

@@blackmaestro6802 qaru.site/questions/40446/running-python-on-windows-for-nodejs-dependencies

@@user-vo5cz6rt6m спасибо

В основных стилях. При стилизации элемента. Пример из main.sass: .example-grid +media-breakpoint-down(xs) display: block

@@wdm А всё нашёл спасибо :))

Всё получится :)

Стартер на гитхабе лежит. Ссылка в описании.

Здравствуйте. Покажите скриншот.

@@wdm Здраствуйте, вот sun9-26.userapi.com/c854224/v854224574/d6038/x6n6jHW1PMI.jpg

Попробуйте сделать следующее: 1. Удалите папку node_modules; 2. Выполните команду: «npm uninstall -g gulp»; 3. Удалите из системы Nodejs; 4. Скачайте с сайта nodejs.org версию LTS и установите Nodejs заново; 5. Выполните в папке проекта следующую команду: «npm i -g gulp npm-check-updates»; 6. Выполните команду «ncu» и если есть устаревшие модули, обновите их командой «ncu -u»; 7. Установите модули командой «npm i».

@@wdm Всё получилось, но команду 'ncu' не распознаёт. Без 2 последних пунктов всё заработало, спасибо вам большое!)))

UPD: разобрался :) В HTML-файле должен был быть тег body чтобы всё работало правильно. После добавления всё заработало

Вот полный четырехчасовой курс с этой сборкой: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3PzzZ5eHHig.html