Денис Инешин

Клик правой кнопкой мышки -> сохранить ссылку как

1. Ctrl+C -> Ctrl+V
2. SSI, для этого понадобится какой-то сервер с поддержкой.
3. Сборка проекта из кусочков, например с помощью Grunt

Взгляните на этот туториал. Обратите внимание на то, сколько используется префиксов. Я бы еще годик-другой их использовал, пока все браузеры точно не избавятся от них.

Ну например jQuery Custom Content Scroller
Или скажем jScrollPane
И еще пачка вот тут: www.unheap.com/?s=scroll

@font-face

Просто поставьте себе локальный сервер какой-то. Например:
https://github.com/gruntjs/grunt-contrib-connect
https://www.apachefriends.org/ru/index.html
или что-то в этом роде

Это неправильный подход.

Правильный:
1. Регистрация на сайте
2. Для зарегистрированных пользователей формируется специальный урл до серверного скрипта
3. Этот урл имеет ограниченный срок жизни
4. И только по этому урлу сервер уже возвращает видео
5. Как то так.

Отменить никак, можно только перезаписать новым (которое как бы отменяет предыдущий стиль).

.dropdown a {
    color: #000;
}
.dropdown a:last-child {
    color: #fff;
}

Такие штуки называются шаблонизаторы. Попробуйте:
akdubya.github.io/dustjs
handlebarsjs.com

Возьмите какой нибудь фреймворк для создания SPA. Например Ember.js
Пройдите по нему коротенький курс, например этот: Warming Up With Ember.js
И многое станет понятным.

Можно, но не нужно.

Никак нельзя на CSS. Можно только косвенно на JS по таймеру считать.

UPD. Скачками можно частично реализовать на Media queries. Но это будут лишь несколько заранее заданных размеров.

Может просто взять приличный плагин, например этот: www.dropzonejs.com

Картинкой конечно.
Ну или SVG маски если хочется.

SVG-masks. Вполне кроссбраузерно.

Но я бы так не заморачивался. Пальмы сверху вырежьте как png с прозрачностью, вот уже и маски не нужны.