zooks

https://zooks.ru/web/912

Расхождение в полпикселя нормально. Если пишешь отрицательные маргины, значит в верстке уже что-то не так.
Также обрати внимание, что для Pixel Perfect макет должен быть подготовлен идеально (каждый отступ и размер шрифта логически обоснован).

Код PHP не нужно направлять в JS - это другой язык.

Сложные фигуры добавляются через SVG. Затем в стилях задаете как background и позиционируете куда вам угодно.

1. Да, для каждого блока. Вот здесь подробнее ответил:
Как вы прописываете media queries в sass?
2. Susy

Позиционирование — для слабаков, особенно с отрицательными значениями.
Делать нужно через vertical-align. В данном случае проблема в span внутри кнопки Facebook.

Видео нужно делать в нескольких форматах, а не только mp4.

Через селектор nth-child и свойство flex-basis. Подробнее здесь:
html5.by/blog/flexbox

Это конечно, похвально, но до 18 лет с тобой возиться никто не будет.
Лучше потрать это время с умом, например, на обучение.

1. Либо в JS, в котором прописана логика. Либо в CSS, если это не завязано на функционал.
2. Инлайновый код черезstyle="" только в исключительных случаях.

Можно попробовать использовать вместе с gulp-changed
https://www.npmjs.com/package/gulp-changed

Susy
https://www.smashingmagazine.com/2015/12/website-l...

При любых непонятных проблемах на фронтенде жми F12.

flex?

Рекомендую из бесплатных:
https://disqus.com/
https://www.hypercomments.com/ru/