Как вычислить разницу между размером фотографии и размером экрана браузера JQuery?

Роман Денискин: при ресайзе окна запускайте пересчет еще раз jsfiddle.net/maxsof/a3xqw85f/1

Как это сделать?

Conover: проверяйте что и куда вы вставили. Возможно ваш браузер что-то не поддерживает. У меня все получилось как я сказал jsfiddle.net/maxsof/erhvn88L

Как вычислить разницу между размером фотографии и размером экрана браузера JQuery?

Роман Денискин: помогает jsfiddle.net/maxsof/a3xqw85f

Как избавиться от размытия картинки в хроме при transform: scale( );?

Владимир Мусихин: во время анимированной трансформации да, не спорю. Но ваш вариант не подходит, как минимум из-за того, что действие повлияет на соседние элементы.

Как через css сделать такое изображение?

Вам надо только средствами css сделать такой уголок или вы спрашиваете о том, как вставить картинку уголка через css?

Если второе, то через псевдоэлементы :before или :after.

Как растянуть шапку на весь экран?

лучше использовать сброс стилей не через звездочку, а вот этим css например necolas.github.io/normalize.css

Как сделать, чтобы картинка была по центре и обрезалась лишь разрешением монитора?

Forleyn: а разве просто background-position: 50% не подходит?