Evanre

Не могу сказать точно, может такие варианты и есть, но js в любом случае нужен. Самый простой вариант сделать что-то вроде табов. При клике по ссылке прятать остальные блоки, и показывать текущий (в css по умолчанию скрываем все секции и показываем первую). Вариант на jquery:

$('.menu-item a').on('click', function(e)) { // Событие клика по ссылке в меню
	e.preventDefault(); // Отменияем действие ссылки по умолчанию (переход по ссылке)
	var section = $(this).attr('href'); // id нужного контейнера (#section-1)
	$('.sections').slideUp(); // Скрываем все секции
	$(section).slideDown(); //Показываем нужный контейнер
        // Можно использовать любой вариант скрытия показа в jquery - slide, fade, show\hide
});

А вообще, будь я на вашем месте, для меня это был бы отличный случай посидеть и нормально разобраться с Ajax'ом.

Извините, а чем Вам FlexBox не угодил? Есть прекрасная сетка на нем, я даже форкнул на SASS, использую в работе ее уже год. Умеет все то, что Вам нужно и даже больше С префиксами у него сейчас отличная поддержка. Если так нужна поддержка совсем старых браузеров, есть отличный полифил для IE8-9. Все же слишком малый процент людей сейчас использует откровенно старые браузеры, чтобы ради них мучать остальных лишними костылями вроде псевдоклассов и трансформов.

Первый рисунок это поведение флексбокса (выравнивания контента) по умолчанию (justify-content: flex-start), то что у вас получается это скорее всего justify-content: center; Чтобы получить еффект как на первом рисунке (элементы заполняли собой в ряду все пространство и выравнивались по левому краю) уберите контейнеру justify-content: center; и дайте элементам равную ширину (например если их 4шт в ряду то по 25% каждому и т.д.) либо пропишите элементам (не флекс контейнеру) свойство flex-grow: 1;. Вот ссылка на песочницу, можете поиграться в ней, помогает понять, как работает флексбокс.

Ничего особенного не заметил, если Вы говорите о подгрузке увеличенных изображений, то используется библиотека EasyZoom, которая использует lazy load подгрузку увеличенных изображений (в картинке помимо src с обычного размера фоткой еще передается дата атрибут с ссылкой на фотку большого размера ).

Если делать правильно, то только с помощью бекенда. Сервер уже должен отдавать менюшку, где первым пунктом будет стоять нужная меюшка с активным классом, ну или хотя-бы просто с активным классом. Если получится второй вариант, то с помощью js просто переместить пункт в начало либо css (display: flex + order: -1). Городить костыли и определять с помощью js на какой странице Вы находитесь - не есть хорошо. Это можно сделать, но будет говнокод. Нужно больше вводных данных, ссылка, какой бекенд и т.д.

Тут много хаков на flexbox включая Sticky footer.

Нужно повесить не большой скрипт на событыие ресайза окна. Код звучит примерно так: При каждом событии ресайза окна взять высоту документа и присовить это значение высоте блока.
Рабочий пример тут.
Сам код js

window.addEventListener('resize', function() {
		var container = document.getElementById('block');
		container.style.height = window.innerHeight + 'px';
	}); // Listen for resize

Дело не в overflow. Сам svg объект выходил за рамки артборда codepen. Откройте иллюстратор и там посмотрите.

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

Развивайтесь лучше профессионально, прокачивайте скилы, учите JS. Хороший фронт разраб сейчас берет в среднем 100 баксов за одну уникальную страницу, за лендинг больше. Что касается почасовки - от 10 баксов\час. На апворке фронты пишущие на js-фреймворках начинаются от 30\час. Это без TeamViewer'a, Скайпа и прочих извращений. Максимум - прога апворка, которая делает скрины каждые 5 минут, но это только при почасовке.

Вот Вам пример с собственного опыта. Нарисовался заказчик. Сделать сайт с представлением услуг по продаже и установке заборов и прочего, около 18 страниц, пару сингл продуктов, архив, услуги главная в виде лендинга. Все как положено. Все должно наполняться из админки. Ну я потратил время, посчитал фронт + бекенд (дизайн был), написал ТЗ. По деньгам выходило примерно 950$ (Чтобы Вы понимали, зарубежные заказчики платят за такой функционал минимум в 2 раза больше). Он отказался, сказал дорого, рассчитывал не дороже 800. Ну я отказался сперва, потом через пару дней понял, что в данный момент работы другой нет и написал ему что соглашаюсь на его условия. Он ответил что если что напишет. Прошел месяц, я вчера ради интереса решил загуглить название его фирмы. И что Вы думаете? Убогий лендинг на бесплатном домене. Вместо полноценного сайта ему сделали кривой статический (index.html) лендос. Про то что творится в инспекторе я промолчу....

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

С этим прекрасно справится flexbox layout. Можно либо ручками для конкретного блока сделать (что приоритетно, если Вы уже используете другие фреймворки), либо взять flexboxgrid (раздел Auto-Width).

Конкретно в Вашем примере на Envato обычный постраничный лендинг. Это не меню. Но если Вам нужно именно большое меню то ищите в гугле по запросу megamenu.

Нативный селект, никак. По крайней мере без js - либо фиксированный width, либо auto по самому длинному option.
Если с js то есть 2 варианта либо что-то такое, либо сторонняя js\jquery библиотека вроде такой.

ps. Кстати а зачем Вам это? Кому нужен прыгающий select на странице? Если у Вас есть селект в котором куча option разной длинны, и Вам не нужен длинный select - просто ограничте его width. Тогда сам select будет нужной длинны, а список с option подстроится по самому длинному элементу.

Пробуй разные свойства для background. Все очень индивидуально, зависит от картинки (ее размера и соотношения сторон). Картинка становится слишком большой, потому что, по всей видимости, ее соотношение сторон близится к квадрату (1:1 ли 4:3 например) a у cover стоит задача заполнить картинкой всю площадь. Либо обрежь ее, либо найди в более высоком разрешении (с соотношением сторон 16:9 например).
Лучше смогу помочь если накидаете пример в codepen либо дадите ссылку на проект.

Раз, два

Ну, изначально происходит как раз наоборот, php код вставляется в html разметку. Даже если Ваш файл имеет расширениее ".php", это еще не значит, что туда ничего кроме php нельзя писать. Просто закрываете php тег, и пишите обычный html.

<html>
<head>
	<title>My first PHP Page</title>
</head>
<body>
	Обычная html разметка
<?php 
	// тут пишем php код
?>
	Пишем дальше html
</body>

Вопрос только в том, действительно ли это Вам нужно? Раньше сам пользовался такой штукой, но только до того времени как перешел на пакетную сборку проекта. Поверьте, как только Вы начнете серьезно работать с watcher'ом и browser-sync'ом, Вы эту штуку сами отключите. Просто выработайте привычку нажимать ctrl-s. Я сейчас даже не замечаю как нажимаю эту комбинацию.