Gulp 3 в 2019

Итак, попался интересный большой проект, который верстали на gulp версии 3, на мое предложение обновить gulp на современную 4 версию - заказчик сказал, что желательно оставить именно 3. Так понимаю, там остальной проект, может поломаться.

Думаю, ок, сейчас удалю nodejs, переустановлю gulp и все будет ок...
Оказалось, не все так просто - пошли ошибки.
Итоги:

•  Для gulp 3.9.1, требуется nodejs 10x, не выше.
• gulp 3, пришлось ставить глобально и локально, чтобы избежать ошибок.

Вывод:

• На будущее, буду ставить виртуалку на каждый проект.

Update: 

• Поставил gulp-cli и могу теперь использовать gulp 4 и gulp 3 локально для разных проектов

Установка ssd в ноутбук и неожиданная проблема

На днях наконец-то приобрел ssd и решил заменить им жесткий диск (в параллельной работе - ssd для системы, hdd для хранения данных)

Взял, наобум в магазине, что попалось на глаза - colorful sl300 120gb, отзывы в принципе неплохие  на ютубе.

Но самое неожиданное началось при установке системы на этот диск, загрузился с флэшки, и выбрал диск (ssd ) для разметки - установка windows 10 начинается, но на этапе копирования данных - выводит ошибку связанную с невозможностью записи данных 0x80070057.
(тут полдня попыток - смена флешки, смена перезаписи на флешку другой системы, обновление биоса, ставил вместо ссд, старый диск...)

Решение:
При установке ssd, обязательно в биосе выставляйте загрузку AHCI. Все просто, аЖБесит
Мне помогло)

Сборник SASS миксинов

Решил собрать в одном месте, часто используемые миксины:

Изменение цвета placeholder

@mixin placeholder-color($color) {
 &::-webkit-input-placeholder { /* WebKit browsers */ color: $color; }
 &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: $color; } 
 &::-moz-placeholder { /* Mozilla Firefox 19+ */ color: $color; } 
 &:-ms-input-placeholder { /* Internet Explorer 10+ */ color: $color; } 
} 

взял его здесь
Как то так

Еще момент с затемнением кнопок при наведении.
Можно не подбирать цвета, а изменить тон, для этого в SASS/SCSS уже есть функции darken, lighten

• darken($primary-color, 10%) — затемнение
• lighten($primary-color, 10%) — осветление

взято здесь

Начало верстки - советы и трюки

Решил записывать фишки по верстке, для удобства.

Заметил, что трачу много времени на начало нового проекта - каждый раз настраивая webpack/gulp. Для решения этого, погуглив конечно, понял - нужен базовый шаблон проекта, и использование githab. Это не новость, для многих очевидные вещи, но я долго до этого додумывался, поэтому может пригодится новичкам.

Вкратце - создаем базовый шаблон (или форкаем или используем подходящий, благо их сейчас много) для клонирования. И используем его каждый раз при начале нового проекта.

По шагам (что бы не забыть):

• Сперва создал удобный git boiler template, содержащий wepback sass pug. Точнее форкнул подходящий мне Forked from vedees/webpack-template-pug. Вы можете использовать тот, что подходит вам. 

1. Открываем в терминале папку проектов.

cd c:/projects
Далее, в папке проектов в моем случае Projects

2. Клонируем git webpack template.git
git clone xxxxxx.git
в итоге  в папке Projects будет создана папка (в моем случае) webpack-template

3. Даем новое название данной папке - (например project_name1)

• Далее создаем новый репозиторий для нового проект project_name1 в githab, для дальнейшего указания в качестве удаленного репозитория. (Можно было сделать это сразу.)

4. Переходим в папку с проектом
cd c:/projects/project_name1

5. Удаляем папку .git
rmdir .git

6. Инициализируем новый git, добавляем текущие файлы и коммитим. Затем добавляем удаленный репозиторий, созданный ранее.
git init
git add .
git commit -m "first commit"
git remote add origin project_name1.git

7. Запускаем установку пакетов из package.json
npm install

Все, можно работать над новым проектом.

Теперь над началом нового проекта по верстке, уходит 5-10 минут.

Как запушить в уже созданный репозиторий на Github

Накануне при верстке сайта для портфолио, и повышения навыков в Pug, начал верстку на локалке с фиксацией в git, а затем опомнился и создал новый репозиторий на Github.
При попытке запушить, получил предупреждение, что предварительно неплохо бы запулить изменения - так как в новом репозитории есть файлы (Readme, license).
Ок, пытаюсь сделать

git pull origin master

получаю ошибку

fatal: refusing to merge unrelated histories

решение простое, разрешить запулить незарегистрированную историю (решение нашел тут https://github.community/t5/How-to-use-Git-and-GitHub/How-to-deal-with-quot-refusing-to-merge-unrelated-histories-quot/m-p/16305#M5000 как обычно дублирую, чтобы снова не искать по всему Инету):

git pull origin branchname --allow-unrelated-histories

и все, можно пушить.