Максим

position: fixed;
bottom: 0;

window.onscroll = function() {
 if (window.scrollY>200) {
  $('.footer').show();
 } else {
  $('.footer').hide();
 }
};

codepen.io/anon/pen/JRkYqp

Upd:
Вот с плавным появлением в зависимости от скрола:
codepen.io/anon/pen/JRkKoR

.item > a[href=#1]:hover {
  color: red;
}

Нельзя, псевдо элементы не существуют в разметке, поэтому класс на него вы не повесите.
Но вы можете повесить класс на элемент.

В настройках YouTube в разделе Воспроизведение снимите галочки с опции Показывать аннотации к видео.

rgba вместо opacity
https://jsfiddle.net/mdgt0amk/3/

Гуглим jquery png animation

https://jsfiddle.net/61kygf9r/
Простейший вариант на чистом CSS

Просто подменили расширение, а по сути это PNG.

Тут надо изначально подготовить все детали как отдельные картинки.
Наложить друг на друга в верстке.
Далее поставить коллбек на событие скролла и внутри него если элемент находится в области видимости изменять left у элемента.
Для движения как на представленном сайте (сначала расходится, потом - схлопывается) подойдет расчет с синусом и коэффицентом вроде такого
Math.sin(window.scrollY) * K
Где K надо будет подбирать взависимости от того какая амплитуда требуется

Администрировать - нет. В нормальных компаниях это делают отдельные люди, хотя бы по соображениям безопасности.

Пользоваться консолью на уровне "скопировать файл / запустить скрипт", уметь отредактировать crontab, знать чем хардлинк отличается от софтлинка итд - да.
Но не надо называть это администрированием.

игнорировать всех у кого отключен жс ) без вариантов.