Виталий Киренков

$("input[type='checkbox']").attr("checked", true);

Зачем вам это? И более развёрнуто опишите, если не то что я написал выше не то.

2 картинки треугольника. Одна для верха, вторая для низа. Сохраните их допустим в размере 1000(ширина)*100(высота), а стилями задайте ширину 100% высоту 100, ну и абсолютом по блокам раскидайте их.

Ну а что значит унифицировать? Неужели вы предпочтёте вместо container, называть их container_1, container_2? Лично я сторонник придерживаться одной структуры, но а если есть различия для отдельных разделов, то накидываю класс на боди, и от него отталкиваюсь. И это вполне удобно, особенно если пользоваться препроцессорами.

Это можно делать и просто вёрсткой. Можно даже нагуглить. На скорую руку сделал набросок, нужно просто подпилить его: Пример

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

Я написал чутка кода, должно работать, просто чутка подправьте под свой хтмл, если будут вопросы, пишите.

codepen.io/anon/pen/pIanw

Cover - работает нормально, только вот позиционирование нужно ставить 50% 50%;

А если нужен элемент по центру, то

.centered { position: absolute; top: 50%; left: 50%; margin-top: -высотаЭлемента/2; margin-left: -ширинаЭлемента/2;}

Там проблема из за паддинга или маргина, точно не помню, но вот они не зумятся. Когда то тоже сталкивался с такой траблой.

Решал как то так.
jsfiddle.net/NL7Ss/3

То есть эмулирую их как строку, и запрещаю перенос.

Из пнг - никак. Я бы вам рекомендовал сделать нормальную карту в фотошопе, затем перегнать её в иллюстратор и из него сохранить как свг.
Либо же в интернете я думаю можно найти уже готовую, вам останется её лишь перекрасить.

Проблема вылезания навигации:

.wrap{
	width: 1060px;
	margin: auto;
	min-width: 1060px;
}

Для начала избавьтесь от min-width, посмотрите на поведение вёрстки, ну и далее отталкивайтесь от этого.

И вообще ширина 1060 - не ок, мягко говоря...

Зачем яваскриптом то??? Если человек перешёл по ссылке и страница перезагружается, соответственно контент отдаётся серваком, а сервак должен знать куда вы переходите, соответственно просто докидываете на пункт меню класс active, а в стилях для этого класса пропишите фон. Вот и всё..

img {width: 100%; height: auto;}
Но так он будет у вас прибит верхом картинки к верху блока. Для вертикального выравнивания попробуйте поиграться со свойством vertical-align

.clearfix::before,
.clearfix::after { content: " "; display: table;}
.clearfix::after { clear: both;}

<div class="clearfix">
	<div class="content"></div>
	<div class="date"></div>
	<div class="autor"></div>
</div>

Возможно поможет... если нет, то соглашусь с iiil =))

Возможно я чего то и не заметил, но на йоте я вообще не видел ничего особо динамичного, разве что смена хэша и в какой то момент форма сменяется с релатива на фиксед.

На яндексовском - это даже не параллакс... Просто скролл достигает какой то точки и запускает анимацию единожды. Это либо отталкиваемся от jQuery .scrollTop(), либо же используем плагин
jQuery Waypoints, который отслеживает какой блок находится в зоне видимости.