Ingernirated

При переносе домена меньше возни когда ссылки относительные

Вам нужно SVG https://codepen.io/lugindm/pen/RvPEOw

CSS тут бессилен в одиночку. Нужен ещё и SVG:
https://codepen.io/xgad/post/svg-radial-progress-meters

1. Настроить nginx - nginx.org/ru/docs/http/ngx_http_core_module.html#t...
2. В js при запуске запускать обработчик смены URL руками

Добрый день! можно сделать якорь на необходимый блок #link

пример: https://github.com/Neremeev/scrollAndButtonUp

можно так короче и без вложенных циклов
а так да, наверняка где-то что то undefined

let socArr = [...vkLink, ...instLink, ...fbLink];

socArr.forEach(elem => {
  elem.addEventListener....
})

вернее можно сразу все элементы выбрать одним запросом

document.querySelectorAll(".inst , .vk , .fb").forEach(elem => {
  elem.addEventListener....
})

href="style.css?v=<?= time()?>"

Это особенности не очень качественного рендеринга шрифтов в Google Chrome.

https://css-live.ru/articles/rukovodstvo-po-razmer...

Алгебра за 5 класс:
36 - 1440
x - 100%
x = 36 * 100 / 1440 = 2.571;
Получается такой вот стиль:
h1 {
font-size: 2.571vw;
}
Задайте такой стиль и поизменяйте размер экрана. Вроде должно получиться.
Я раньше, когда был верстальщиком, делал резиновые шрифты, но я точно не помню как это делал, а работы уже утеряны, попробуйте так.

Ширина всех символов разная (если шрифт не моноширинный).
Ширина символа "0" (ноль) в css выражается единицей 1ch
Ширина вьюпорта (видимая часть окна) выражается единицей 1vw.
Зависимость ширины символа от его высоты (и от размера шрифта получается) можно посмотреть только открыв шрифт в специальном редакторе. Это отношение очевидно будет специфичным для любого отдельного семейства шрифта или его начертания.

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

Можно не заморачиваться и пойти методом научного тыка.
Вручную определить нужные размеры на минимуме и максимуме ширины. А далее использовать метод адаптивных шрифтов. В этой статье на хабре метод подробно разложен по полочкам "Отзывчивый размер шрифта"

Зависит от того, когда этот элемент создаётся.
Вообще, ситуация какова: Прежде всего к вам приходит бот, который анализирует статику. Если он видит у вас только JS код, который должен подгружать контент, то позже (но не извесно когда) к вам придёт другой бот, который полностью отрендерит страницу. Он запустит все скрипты. И спарсит результат. Но если ваш элемент создаётся не сразу, а при обработке какого-то события, то бот его не увидит.

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

Держите ссылки на все размеры

Робот сам это понимает. Конкретизируйте вопрос.

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

Если у Вас сильно отличается, то вероятно:
- либо не правильно выставлены единицы в фотошопе (поставьте в px)
- либо не верно стоит масштаб сайта в браузере
- либо верстальщик не правильно сверстал

Макет для веба должен быть только 1920! Иначе на верстке могут быть сюрпризы, как раз с неправильными масштабами.

Никак, arrow function всегда выполняются в контексте в котором определены.

const foo = (function(x) {
  console.log(x);
}).bind(null, 666);

foo(); //666

К какой анонимной функции? К стрелочной функции? Это нельзя сделать, у стрелочных функций нет своего this, они берут его с контекста, где определены.

<p><span>N</span>bla bla bla bla bla</p>

p {
color: #000;
font-size: 20px;
}
p span{
font-size: 30px;
color: green;
padding: 10px 5px;
}

или
<p>N blablbablalsdlasd</p>

p {
color: #000;
font-size: 20px;
}
p:first-letter{
font-size: 30px;
color: green;
padding: 10px 5px;
}

https://css-tricks.com/snippets/css/drop-caps/