Олег

Никак, я далек от сео, но скорее всего пс смотрят на контент и поведенческие факторы, а что там в разметке по бую.

Согласен на счет заморочки, оно того не стоит, но если очень хочется, то примерно так:

// Gulp 4
gulp.watch( 'src/blocks/**/*.{jpg,jpeg,png,gif,svg}', gulp.series( 'imgs' ) ).on( 'unlink', function( delPath ) {

	let path = require( 'path' ), file = path.basename( delPath );

	try {

		require( 'fs' ).unlinkSync( path.join( 'public', 'imgs', file ) );

	} catch (e) { console.log(e); }

});

Проблемы начинаются когда нужно делать адаптив. Между "плюсами" должны появиться вертикальные отступы.

Я просто сделал елемент сетки grid__gap, который миксуется к колонке для определенных размеров.

Пример:

<div class="grid page__layout">
  <div class="grid__row">
    <div class="grid__col grid__col--xs-12">...</div>
    <div class="grid__col grid__col--xs-12 grid__gap-xs">...</div> // Колонка с оступом для xs
  </div>
</div>

Что касается отступов заголовков и секций, то в целом у нормального дизайнера они одинаковые, по крайней мере типовые секции точно, для остальных можно сделать модификатор или если секция очень кастомная примиксовать отдельный блок.

Например вот этот для PostCSS

let a = ['white', 'black'],
    b = ['red', 'green', 'black', 'white'];

let array = a.concat( b.filter( val => a.indexOf( val ) < 0 ) );

На стиль option сложно повлиять, используйте кастомный селект и подставляйте данные в скрытое поле или расскажите дизайнеру, что за пределами фотошопа довольно сложный мир и рисовать такое не стоит.

Видимо в gulpfile.js нет дефолтного таска:

var gulp = require('gulp');

gulp.task('default', function() {
  // place code for your default task here
});

Кажется - будто они появляются ежедневно.

Вам не кажется.

Меня интересует как не запутаться в обилие фреймворков? Что сейчас стоит изучать?

Открываете вакансии -> смотрите требования -> изучаете. В данный момент vue / react / angular в тренде.

Меня интересует разработка одностраничных приложений ( точно не знаю как этот термин называться)

Называется SPA, любой из тройки выше.

Да, вполне. Хотя, если бюджет позволяет, то берите 15 хуже не будет.

Нет.

Вопрос, все таки такой метод имеет право на жизнь ?

Вот такой:
<a href="#"><span>Block</span></a>
a span {display: block;}

То же, что --save-dev (установка пакета как dev-зависимость)