blolg

В приведённом примере использован плагин shiningImage.

jscrollpane.kelvinluck.com

никак.
используйте карту от google.

Можно указать массив источников.
gulp.src(['src/style/tpl-1/*.scss', 'src/style/tpl-2/*.scss']).pipe(...)

kenwheeler.github.io/slick хорошо для этого подходит.
Можно указать на каком разрешении какое количество слайдов выводить.

Здесь www.dejurka.ru выкладывают подборки сайтов, например, сайты с фоновым видео www.dejurka.ru/web-design/video-in-web-design

А также на habrahabr.ru еженедельно выходит подборка материалов для веб-разработки, которая включает набор сайтов с интересным дизайном и функционалом. Вот, например, последняя habrahabr.ru/company/zfort/blog/261811

А для того, чтобы повысить свой уровень, не достаточно просто смотреть примеры, нужно самому пробовать.

При помощи псевдоэлемента. Задать ему ширину 0, а при ховере 100%. А также transition: width 0.2s ease 0s (как в приведённом примере) и z-index: -1.

В данном случае это сделано при помощи JavaScript:

$(".go-in-link").rotate({
    bind: {
        mouseover: function () {
            jQuery(this).find("img").rotate({animateTo: 720})
        }, mouseout: function () {
            jQuery(this).find("img").rotate({animateTo: 0})
        }
    }
});

А вообще это можно сделать и на css.

bqworks.com/slider-pro/#example2

Нужно для .dataUser задать фиксированную ширину.
И для блока с картинкой тоже.
Эти два блока не помещаются по ширине, а т.к. у них задано свойство float: left, то блок с текстом смещается ниже.