Андрей Гончаров

Помоему iScroll не относится к fullpage.js. https://github.com/cubiq/iscroll
Ищи проблему не в fullpage.js, а в iScroll

Аяксом получать контент страницы не перезагружая ее. Надо уметь ajax + pushstate

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

<ul>
    <li class="current"><a>Первый пункт</a></li>
        <ul>
            <li class="current"><a>Первый пункт</a></li>
            <li><a>Второй пункт</a></li>
        </ul>
    <li><a>Второй пункт</a></li>
</ul>

Псевдоэлементом же.

Первая форма не должна иметь actiona, т.к. сейчас сабмит первой формы отправляет на скрипт отправки почты. Его надо останавливать типа так:

form.on("submit", function(event) {
	event.preventDefault();
}

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

Бутстрап не влияет на сео. Для блога лучше повесить верстку на cms, например на wordpress. Так будет гораздо удобнее вести блог.

Наиболее современный flexbox.
В бутстрапе юзается отрицательный маргин у row и паддинги у флоатных столбцов.
Я часто использую inline-block как столбцы, правда указываю margin-right: -4px, чтобы убрать расстояние между ними. Но зато мы можем центрировать расположение столбцов с помощью text-align у контейнера.

Может пригодится: DeSvg

background: url('XXXX.jpg') center top no-repeat;
contain убрать.

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

я сделал свою под свои нужды. 12 колонок, но не флоатами как в бутстрапе, а инлайн-блоками.

.grid {
	position: relative;
	min-height: 1px;
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
}

@for $i from 1 through 12 {
	.grid-#{$i} {
		@extend .grid;
		width: 1 / 12 * $i * 100%;
	}
}

@media screen and (max-width: XXXpx) {
  @for $i from 1 through 12 {
	  .grid-#{$i}_XXX{
		  width: 1 / 12 * $i * 100%;
	  }
  }
}

XXX - ширина экрана для брейкпоинта (проставить самому), Может быть несколько таких медиазапросов для нескольких брейкпоинотов.

Если вы про retina дисплеи в яблочной продукции, то не стоит переживать про разрешение. В браузерах там масштаб сайта будет зависеть от viewport, который там как и у обычных мониторов. Для таких дисплеев только графику подготавливают в двойном разрешении, а масштаб не трогают

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

опоздал)

$("block").click(function(event) {
	$("body").toggleClass('someclass');
});