Roman Chasovitin

В элемент string нельзя положить массив =) Если же вы хотите сделать массив объектом, то тут уже сложнее:

const arr = ['some'];

const props = ['something', 'more', '...'];

function createObjectFromArray(array) {
	let obj = {};
  array.map(itm => obj[itm] = itm);
  return obj;
}

function transformArrayToObject(arr, elementIndex, value) {
	if(!arr || isNaN(elementIndex) || !value) return {};
	const objectFromArr = createObjectFromArray(arr);
  objectFromArr[arr[elementIndex]] = value;
  return objectFromArr;
}

console.log(transformArrayToObject(arr, 0, props));

Очень плохо сверстано. Не нужно использовать width. Вот примерно так - https://jsfiddle.net/fu7d2ohe/ Но нужно доработать, чтобы не съезжало по ширине(это уже медиа-запросы)

Сделать это достаточно легко, просто вешаешь много обработчиков на изменения типа/цвета/размера и в зависимости от совокупностей подставляешь картинку. А слайдер, да, можно взять любой, например kenwheeler.github.io/slick

https://jsfiddle.net/RomanChasovitin/hojxnq8b/9/ глянь вот такую реализацию. Это то, что тебе нужно?

Можно сделать это при помощи JS. Повесить обработчик onscroll и если юзер проскроллил больше чем определенное пространство, то делать header'у transform: translateY()

$primary: blue;
$second: green;

button{
  background-color: $primary;
  &:hover{
    background-color: $second;
  }
}

Мб это картинка? Т.е. весь фон - одно целое изображение.