Алексей Скляров

Используйте ширину в процентах.

Потому что на телефонах и планшетах нет понятия hover, вам нужно выводить меню по клику, а не по ховеру.

Разница огромная:
background - это целый набор свойств:

background: url(/wp-content/themes/gorbunov_v2/img/review_client_bg.gif) repeat;
    background-image: url(/wp-content/themes/gorbunov_v2/img/review_client_bg.gif);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: repeat;
    background-repeat-y: repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;

Вот эта куча лишнего кода пишется если вы используете просто background. В случае с background-color, просто применяется цвет.

По аналогии с font, вы можете указывать так:

font-family: Arial, Sans-serif;
line-height:15px;
font-size:19px;

А можете так:
font: Arial 19px/15px;

По поводу rgb, он полезен тем, если вам нужно задать цвет с прозрачностью. Это лучше чем делать opacity у блока.

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

Если в институте не сталкивались с алгоритмами, советую почитать про них, они не научат вас программировать, но научат правильно шевелить мозгами.

По поводу возраста, к 30 годам вам бы уже этими джуниорами заправлять (однако могу ошибаться в возрастных ограничениях), но быть джуниором в 30... могут быть проблемы. Есть пареньки, которые в 19 лет могут больше из того что вы описали. В среднем, я считаю, джуниор - 22-24 года, то бишь студент последних курсов университета.

Про то во что податься и с чего начать уже написано куча топиков на тостере, юзайте поиск.

Собственно как организовать это через JS догадаться не сложно.

Создаете 4 чекбокса под 4 расцветки сайта, в зависимости от выбранного чекбокса, через jQuery добавляются классы к вашим дивам.
Но этот вариант будет отпадать при перезагрузке страницы.

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

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

Т.е в вашем понимании, вы пишете код, в теме же уже все за вас написано, вам нужно только использовать готовые варианты блоков, чтобы смастерить страницу через конструктор.

Почитайте про Ajax загрузку контента

Задаете для всех этих блоков эту обводку, после чего через :before, :after создаете квадраты под цвет фона и через абсолютное позиционирование накладываете на обводку так, чтобы получилось то, что у вас в макете.

https://jsfiddle.net/jcxpmuf7/2/ используйте вариант с toggleClass

Он и должен скрываться. У вас грубо говоря написано следующее: если картинка не загрузилась, показывается градиент. Т.е градиент у вас как подложка под картинку делается. Если вам нужно повесить этот градиент на картинку. То создаете внутри блок и через абсолютное позиционирование накладываете на блок с фото.

Честно скажу, верстать один макет вдвоем это как писать одну картину двум художникам. Вроде и можно, но будет куча противоречий.

К тому же верстка занимает лишь малый процент времени, который тратится на проект, поэтому ее можно доверить кому-то одному. А писать JS код можно вдвоем по аналогии с бекендом.

Смысла в этом я не вижу, все одно подменяете тем же самым, только немного другой конструкцией.

А я придерусь к паре вещей: на первом экране у вас не видно ссылки "прокрутите вниз", очевидно что для этого хорошим решением будет сделать для шапки высоту 100vh и исходить уже из нее.

Судя по тому как у вас работает меню, было бы логичнее сделать не полностью скроллирующийся сайт, а скролл блоков. Не помню как называется, что-то типа: full-page slider.

Вам же дан явный ответ, что не получается найти элемент #one

Через псевдоэлементы :before, : after

создайте два дива с display:table-cell (не забудьте их поместить в блок с display:table;) После чего нужному блоку задаете вертикальное выравнивание

Нужно давать качественный результат за минимальное время. Это в идеале, в реальности же нужно находить грань между качеством и скоростью. Лично я считаю что качество не должно страдать.