Nwton

Установи виджеты комментариев от vk и fb. Тогда людям даже регистрироваться не придется, что бы оставить комментарий к статье.

p.s. Конкретную соц. сеть необходимо подбирать в зависимости от характеристик твоей аудитории и не устанавливать все подряд.

Если вы планируете всю жизнь прятать свой код от глаз других специалистов, то можете хоть справа на лева писать. Но даже в таком случае, вы должны понимать, что те правила, которыми сейчас руководствуются, составляя css, разрабатывались и подвергались критике на протяжении лет 15 и они наиболее оптимальны.

1) Вы на верном пути. Читайте документацию/литературу/статьи на оригинальном языке и если что-то непонятно, используйте google translate.
2) Не стоит переводить каждое слово, старайтесь понять о чем речь по ключевым словам. Со временем мозг сам додумает значение часто встречающихся слов. Так быстрее изучать языки.
3) Если есть возможность выбора между англ. статьей и аналогичной на рус., читайте англ.

JS костыль:
1) методами js делаем скриншот страницы
2) раскрываем меню, определяем его габариты и координаты
3) обрезаем скриншот по габаритам и координатам
4) блюрим обрезок и ставим как bg меню

Безумие.

Варианты:
1) Разбиение и замена svg на несколько jpg изображений
2) Полная замена одной gif
3) Вставка анимации в качестве видео файла с автовоспроизведением

Вкратце так. Ловишь скролл и что-то делаешь в зависимости от его значения
https://jsfiddle.net/ue86xrqe/2/

Почти готовое решение. Надо немного поиграть со смещением теней
https://jsfiddle.net/aheeferq/2/

https://jsfiddle.net/vunp578q/3/

https://learn.javascript.ru/css-center
Прочитай всё, включая комментарии. И больше таких вопросов никогда не возникнет. Там перечислены практически все css методы для центровки по горизонтали/вертикали, даже такое:

left: 50%;
transform: translateX(-50%);