archelon

Скролл пропал где-то здесь:

body {
   overflow: hidden;
}

На чистом CSS, без JS https://jsfiddle.net/b31Lr7fk/
Вместо цветов поставьте свои картинки.

Зачем включать в селектор все элементы вложенности? Конструкция, как в вашем примере, может быть нужна только если ваш class4 может содержаться в десятке разных структур дерева и, главное, иметь разное оформление. БЭМ, который многие считают чуть ли не панацеей - техника, которая была придумана для разметки, генерируемой автоматически. Если верстка делается вручную, у вас есть возможность подумать головой и спланировать разметку.

Сначала идет ТЗ. Потом - протоколы взаимодействия. А потом - уже все равно, хоть одновременно и веб и фронт. Это в сферическом идеале.

Вот, честно.... устанете искать тему, которая подойдет под этот дизайн и даже если найдете, то устанете ее переделывать, чтобы она была похожа на указанный выше макет.
Решение - самому сверстать.
С чего начать? html + css + js (jquery). Как вариант изучите еще флексбокс и подключите bootstrap 4. Это в определенной мере ускорит разработку. А после того, как верстка будет готова, есть смысл создавать ВП тему. И тут уже вам нужно изучить кодекс ВП по разработке темы. Самая "сложная" задача сверстать дизайн)

сайдбар справа всегда имеет статическое положение

это вы про position fixed

... и меняет свой цвет в зависимости от секции которая сейчас на экране

а это просто реализуется средствами jquery. Просто изменяете фоновый цвет и все...

Я бы не советовал так делать, так как с десктопа тоже можно позвонить. Раньше я сам звонил с помощью скайпа и при клике по такой ссылке телефон пробрасывалс в скайп.

Связка imac - iphone сейчас прекрасно работает.

новое обновление windows 10, тоже начнёт связывать андроиды с виндой.

Почитайте про "reductions". Это основа основ.

что, как он смог сжать это в одно слово бкз единой паузы

Это одна из фишек английского языка, особенно, американского акцента.

Например, "i bought him a car", который можно сказать "ай бОт хим э кАр", произносится, как "эбАрм'экАр" без задержек (звуки не такие, но, надеюсь, посыл поняли)

У самого были огромные проблемы с восприятием разговорного английского на слух. Решал через просмотр фильмов/сериалов в оригинале. По началу с субтитрами. TIP: смотрите те фильмы/сериалы, которые смотрели на русском, ибо самые большие проблемы с восприятием начинаются тогда, когда теряется контекст.

// edit

Что мне ещё определенно помогло – это прокачка произношения. Когда учишься говорить как нэйтив спикеры, то многие reductions попадают в отсек долгосрочной памяти, и затем они автоматически применяются при звуковом восприятии.

И ещё совет, капитанский такой: практиковать английский язык каждый день. Говорить дома на английском (я вот живу один, так не смущаюсь сам с собой разговаривать), петь песни (нередко включаю песни, гуглю слова и просто пою – тренировать моторику языка).
Если на работе английский задействуется - вообще класс.

В мемасики/картиночки не прочь позалипать? Залипайте в них на английском (к слову,  масса контента с reddit переводится – читайте, первоисточник).

const getCard = button => $(`#card${button.id.match(/\d+/).pop()}`);

$('[id^="button"]').hover(
  e => getCard(e.target).fadeIn(),
  e => getCard(e.target).fadeOut(),
);

или

const $buttons = $('[id^=button]').hover(function(e) {
  this.eq($buttons.index(e.target))[e.type === 'mouseenter' ? 'fadeIn' : 'fadeOut']();
}.bind($('[id^=card]')));

Как думаете - могут ли закрыть эту доменную зону в будущем

маловероятно

Стоит ли приобретать домен в зоне SU под интернет-магазин?

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

И стоит ли смотреть на зону .ru.com

не советую, посмотрите .com или что-то типа .shop Но лучше все же ru или com. Просто прийдется или купить чей-то домен или проявить немного больше фантазии и/или упорства.

ПС. Вы бы дали название магазина и сферу деятельности, может местные поразомнут мозги и предложат интересный вариант.

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

Ток не "знает", куда течь - электроны всегда движутся под действием электродвижущей силы, грубо - напряжения, создаваемого источником напряжения. Эта сила возникает, как результат электрического поля, приложенного к проводнику, а происходит это при подключении к нему источника напряжения (например, батарейки).

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

Забудьте... дизайнер просто демон... посылайте нафиг дизайнера...

О да, люблю эти комментарии. Набросал тут небольшой прототип:


В браузерах особо не проверял, только Chrome и FF, но вроде в современных должно работать.