Firsov36, Я не критикую, свойство реально полезное с этим не поспоришь, но оно почти во всех браузерах экспериментальное и я бы сейчас на продакшен такое не советовал выкатывать.
Виктор Рябко, Зависит от ситуации или что больше нравится, я не пользовался gulp-useref все выводы сделал из документации, но скорее всего попробую в ближайшее время.
Виктор Рябко, Тут другой подход, тут сборка идет внутри html. То есть в таск передается html файл и на выходе блок build заменяет содержимое на указанный css например combined.css, а в concat вы файлы объединяете независимо от html
1. Не больше 3х уровней вложенности - .wrap .header .logo{}
Вложенности вообще быть не должно, за исключением, когда без неё просто невозможно.
3. БЭМ не панацея, ибо конструкции вида .news-items__item выглядят вырвиглазно, но хотя бы почитать стоит
БЭМ это соглашение, по которому будет написан код, придерживаясь этого соглашения мы избегаем множества проблем. Мы всегда знаем где что находится или будет находится, как это должно выглядеть или выглядит сейчас, мы избавляем себя от ошибок еще до их появления. news-items само по себе название неудачное, но в целом конструкция news news__item news__item_size_small будет выглядеть вполне понятной, если структурировать необходимые знания в своей голове.
Роман Кузнецов, Тогда вообще проблемы не вижу, накладываете сверху вашего видео такое же видео с такими же размерами. Первое видео задает размеры контейнеру в котором находится, а второе принимает размеры контейнера и обрезается:
Кроме того даже обычное видео вы можете обрезать многими способами, например использовать clip-path на нужном вам блоке... В своем примере вы используете overflow: hidden; контейнере, так в чем проблема разместить контейнер в нужно месте и задать нужные размеры?