Ольга Жижка

gulp-flatten, но из файлов с одинаковыми именами останется только последний.

Половина ответа, как сделать нормальное форматирование "налету" в отладчике хрома:

Пример

Вместо language: 'ru' попробуйте locale:'ru'

npm install rimraf -g
rimraf node_modules

В последнем проекте использовал такой код для вывода множества одинаковых каруселей:

var tileSlider = $('.tile-slider');
tileSlider.each(function(){
    var mySwiper = new Swiper(this, {
        loop: true,
        nextButton: $(this).parent().find('.tile-slider-next')[0],
        prevButton: $(this).parent().find('.tile-slider-prev')[0]
    });
});

Технически можно было бы сделать так

Пример

background-image: repeating-linear-gradient(
	-45deg,
	transparent,
	transparent 29px,
	rgba(255, 255, 255, .5) 29px,
	rgba(255, 255, 255, .5) 30px
);

Однако, в webkit будет совсем не то, что ожидалось.
Судя по всему, это — баг движка (очередной — на заметку тем, кто по инерции говорит о багнутости Firefox).
Исправляется указанием размера картинки. Остаётся только учесть, что вы указываете размер не исходной, а уже трансформированной картинки. Так, при повороте на 45° размер картинки должен быть в √2 больше, чем исходный размер.

Пример

background-image: repeating-linear-gradient(
	-45deg,
	transparent,
	transparent 29px,
	rgba(255, 255, 255, .5) 29px,
	rgba(255, 255, 255, .5) 30px
);
background-size: 42px 42px;

И остаётся небольшой минус — небольшие разрывы или сдвиги при несовпадении (опять же в webkit), и избежать этого для такого поворота не получится.

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

Пример

background-image: repeating-linear-gradient(
	-45deg,
	transparent,
	transparent 25%,
	rgba(255, 255, 255, .5) 25%,
	rgba(255, 255, 255, .5) calc(25% + 1px),
	transparent calc(25% + 1px),
	transparent 75%, rgba(255, 255, 255, .5) 75%,
	rgba(255, 255, 255, .5) calc(75% + 1px),
	transparent calc(75% + 1px),
	transparent
);
background-size: 40px 40px;

Задайте content="width=ширина сайта" , уберите scale и в css добавьте:

@-ms-viewport { width: ширина сайта; }
    @-webkit-viewport { width: ширина сайта; }
    @-moz-viewport { width: ширина сайта; }
    @-o-viewport { width: ширина сайта; }
    @viewport { width: ширина сайта; }

в итоге изначально был выбран tosrus.frebsite.nl
потом было замечено что тормозит на слабых устройствах и заменен на brutaldesign.github.io/swipebox
после - на его форк https://github.com/mrfoto/swipebox