каждый шрифт имеет свою ширину. можете только подобрать letter-spacing для шрифта и указывать его для определенного шрифта. но это будет смотреться не всегда красиво. поэтому лучше все же подгонять сайт под шрифт раз вы решились его поменять. или иметь 2 разных стиля если вы собираетесь менять шрифт одним щелчком.
обычный слайдер. просто при ховере прописано перелистывание слайдера
через kenwheeler.github.io/slick можно сделать используя методы
$('.your-element').slick('slickNext'); и $('.your-element').slick('slickPrev'); при ховере на нужные эелементы
берешь див - relative. в нем проводишь косую черту через after;
в этот див засовывешь 2 спана - position: absolute;
один из которых - top: 0; left: 0;
второй - right: 0; bottom: 0;
на текст натянуть bg - вот пример https://css-tricks.com/image-under-text/
а вот уже чтобы двигалось. нужно 2 бэкграунда натянуть и на текст и на фон и двигать их через js.
а какой ты ответ хочешь услышать? отлаживать IE без IE не получится) эмулятор всех багов IE в отдельном шустром браузере с нормальным DevTools еще не придумали)
через absolute. задав relative всему блоку где лежит и картинка и текст.
p.s. и не забыть указать для текста margin-bottom равный высоте этой штуки которую ты поставил абсолютом. чтобы текст не наезжал.
нет. это сделано на js.
блок изначально висит на absolute, потом высчитывается его .offset().top и .offset().top + height
ну и при пересечении .scrollTop() этих отметок - блок делается fixed
