Serj-One

Sublime. IDE вам не нужна.

alvarotrigo.com/fullPage

Конечно нет, при условии, что при масштабировании вёрстка не плывёт.

alvarotrigo.com/fullPage
www.thepetedesign.com/demos/onepage_scroll_demo.html

Это всего навсего постраничный скролл, и уж точно не "фреймворк... для лендинга"

Очевидно, так же, как на makelp.ru, только при скролле менять фон.
Либо этим блокам задавать свой фон с background-attachment: fixed;

Ищем такой шрифт и им выводим. Сами часы сделать не сложно.
Зачем усложнять канвасом и пр.?

1) То, что вы описали, - не визуальный редактор.
2) То, что вам нужно, -
ace.c9.io
codemirror.net
Это web редакторы с подсветкой синтаксиса и плюшками. Вывод результата в соседний блок организовать не сложно.

Судя по всему с ЯП вы вообще не знакомы, но ориентируетесь на фронтенд, так что JS (хотя без оглядки на фронтенд посоветовал бы в качестве первого языка python). Если не знаете хотя бы основ js, учить jQ ни в коем случае не начинайте, ничего хорошего не выйдет.
Далее можно окунуться во что-нибудь серверное, но к тому времени вы и сами будете знать к что вам нужно, и не факт, что это будет php.
Чтоб не плодили лишние вопросы, вот вам сразу учебник - Дэвид Флэнаган - JavaScript. Подробное руководство...

Очевидно, задать им разные идентификаторы.

<div id="owl-one">...</div>
<div id="owl-two">...</div>

$("#owl-one").owlCarousel();
$("#owl-two").owlCarousel();

Ширину блоков указываете в процентах, картинки ставите не внутрь, а фоном блоков с background-size: cover;

Блок справа по оси Z находится выше левого и перекрывает его тень. Это незаметно, пока блоки прозрачны.
Для решения проблемы нужно поднять блок с ховером над остальными.

.goods:hover{
    position: relative;
    z-index:1;
}

jsfiddle.net/L0u9ry1e
В вашем случае указывать z-index не обязательно, т.к. блок всего один, указал его для наглядности и понимания сути решения проблемы. Если же наложенных и перекрывающих друг друга блоков несколько, их расположение на оси Z регулируется значением z-index'а.

Всё детально описано в кодексе.
Уроки от "умельцев" как правило изобилуют ошибками, неточностями, или просто устарели.

Потому и не уменьшается, что вьюпорт прописан. Уберите, и будет вам счастье.
Строка

<meta name="viewport" content="width=device-width, initial-scale=1">

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

padding-right:50px;" для <p>, не?
Курсив лучше сделать через font-style: italic;, а не оборачивая в <em>. Слева нужно сделать через padding-left, а не text indent'ом. И ради всего святого, читайте документацию перед тем, как что-то делать. И ищите в поисковиках перед тем как задавать вопросы.

Не задана минимальная ширина для резинового блока (1) с фоном.
Такое возникает, если блок (2), внутри него, больше ширины окна браузера, в этом случае заполняется фоном только видимая часть внешнего блока (1). Т.к. его размер расчитывается от границ окна браузера.
Нужно добавить:

.block_1{
 min-width: 1170px; 
}

Значение, естественно, нужно указать ваше.

ColorZilla. Есть аддон и для хрома и для firefox.
В инструментах разработчика firefox есть стандартная пипетка.

Потому что нужно сделать так:

.block-info{
      text-align: center;
}

И убать везде margin: 0 auto; Он будет уже не нужен.

В примере, что вы дали, есть строка:

<meta name="viewport" content="width=640, user-scalable=no" />

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

<meta name="viewport" content="width=device-width, initial-scale=1">

И к чему вот это всё:

min-width: 640px;
width: 100%;
max-width: 640px;

?
Вам не кажется, что правильно было бы просто:
width: 640px;
?

Я же вчера вам приводил полностью рабочий код.
Для header_left вы не прописали float:left. Кроме того ширина шапки у вас не указана, а сумма ширины блоков в ней равна 1366px, возможно вёрстка попросту не влазит полностью в экран браузера и второй блок съезжает вниз. Делайте точно, как я написал вам вчера.

$(document).ready( function(){
	$("#bounce").addClass("animated fadeIn");
} );