Nazi

Таких нету. Есть со всего понемногу.

codepen.io
https://css-tricks.com
css-live.ru
https://habrahabr.ru
https://habrahabr.ru/company/zfort/blog/307296/ - Еженедельный мега Дайджест с кучей всего интересного
https://toster.ru
stackoverflow.com
https://github.com
caniuse.com
daneden.github.io/animate.css
https://soundcloud.com/web-standards/ - Обязательно слушать этих ребят
https://developer.mozilla.org/ru/docs/Web

Ну а так же иногда, время от времени просматривать на youtube всякие конференции с различными докладами и всяких блогеров разрабов, кои растут щас как грибы.

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

Вот мой список сообществ:
https://new.vk.com/jsraccoon
https://new.vk.com/uwebdesign - иногда и тёлок выкладывают, все мы люди))
https://new.vk.com/forwebdev
https://new.vk.com/webtackles
https://new.vk.com/js_kitchen
https://new.vk.com/it__daily

Нужно просто читать и интересоваться, вот так просто никто никогда вас не обучит всем хитростям. Их тупо все не может знать 1 человек или 1 ресурс в интернете. Они разбросаны по миру.
Спецификация не научит хитростям, но нужно знать, когда к ней обратиться, например в споре с кем либо, а так же что общего образования!

Вообще, очень странно, что вы, имея опыт и знания, задаёте такой вопрос. Не уж то вы за весь свой опыт, не собрали для себя кучку с ресурсами, для изучения и поддержания своих знаний на плаву?

Вот держи !

Лучше весь css-код вынести в один отдельный файл. С JavaScript всё аналогично.

Либо ставьте прелоадер, либо возвращайте ксс в head

Графика подгружается чуть позже чем сам макет, вот и "прыгает"

anton.shevchuk.name/javascript/jquery-for-beginners
Пример схож с "гармошкой #1".

Как поступить в этом моменте?

Сказать, что не хватает скилла выполнить это задание. Брать заказ, а потом придумывать отмазы - гораздо хуже, лучше сразу сказать.

Если вы дизайнер, то создавайте макет по ней, раз уж создали. Не пропадать же добру.
Если вы верстальщик, то верстайте макет дизайнера по созданной вами сетке. Не пропадать же добру.
Если вы не дизайнер и не верстальщик, то оставьте создание сайта специалистам и не пишите подобные странные вопросы здесь.

Никак
csrf

Если просто, то есть куча готовых виджетов, например:
https://tech.yandex.ru/share/
есть еще куча подобных. Или ручками через api соц сетей

Оторвать бы вам руки за изменение скорости скролла. Это просто ужас какой-то. На остальное даже смотреть не хочется из-за этого.

.button .icon {
    position: relative;
}
.button:active .icon {
    top: 1px or more
}

или транслейт

Добавь класс, что-то типо .is-active, с такими же правилами как и для :hover эффекта.
А скриптом обрабатывай наведение мыши на соседние блоки. Если курсор над блоком убирай класс .is-active и убирай обработку события.