Как называется этот эффект в поле ввода?

Vamp, странно, у меня работает.

Анимация с помощью z-index?

TipTop89, обновил демку.

Почему не работает сборка gulp?

куда в ручную прописал del в devDependencies

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

Почему не работает сборка gulp?

Но в package.json он прописан.

Но может не установлен, npm i что пишет?

Как реализовать наложение на видеофон?

https://developer.mozilla.org/ru/docs/Web/CSS/clip-path
https://bennettfeely.com/clippy/

Как сделать такую анимацию объекта?

https://qna.habr.com/q/1165262

Как можно сделать адаптив без Flex или Grid?

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

Как можно сделать адаптив без Flex или Grid?

vlurtex, верстка email писем или требование совместимости с Netscape Navigator v0.01-alpha?

Как раскодировать кириллические символы?

https://github.com/mathiasbynens/he

Как стилизовать родительский элемент, если input disabled?

На css ни никак. Если поменять структуру на такую:

<input disabled id="inp">
<label for="inp">label</label>

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

input[disabled] + label {
  color: gray;
}

Как заменить несколько слов в строке?

WbICHA,

Как сгенерировать Rar архив с файлами внутри?

Если верить неофициальной документации, то rar поддерживает упаковку без сжатия. Если это так, то задача сильно упрощается, тебе достаточно реализовать минимальный набор обязательных заголовков, а сами данные при этом складывать в контейнер без каких либо изменений.

Как заменить несколько слов в строке?

WbICHA,

флаг i для нелатинских букв бесполезен

очень даже полезен
'ФфФуУуЯяЯ'.replace(/[ФяУ]/ig, ''); // -> ''

Как выбить изображение за предлы контейнера на конкретую ширину?

cssfish

дельта справа там все больше и больше выходит

все правильно, потому что у .accordion__content ширина в процентах и соответственно чем больше ширина, тем больше отступ.

.accordion__content {
    flex: 0 1 45%;
}

почему именно 45vw

было 45% я заменил на 45vw, но можно и на 50vw, это по макету смотреть нужно.

Как выбить изображение за предлы контейнера на конкретую ширину?

cssfish, тогда так:

@media(min-width: 1340px) {
  margin-left: calc(-5.555% - (100vw - 1340px) / 2);
}

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

Как выбить изображение за предлы контейнера на конкретую ширину?

cssfish, дотянет, просто нужно еще медиа запрос добавить

.accotdion__media {
  &.wide {
    flex: 0 1 45vw;

    // -20px -> .container padding
    // 5.555% -> .accordion__row (100% - 90%) / 2 == 5%
    //           5% * 100 / 90 == 5.555%
    margin-left: calc(-20px - 5.555%);
    
    @media(min-width: 1340px) {
      margin-left: calc(-20px - 5.555% - (100vw - 1340px) / 2);
    }

Как выбить изображение за предлы контейнера на конкретую ширину?

.accotdion__media {
  flex: 0 1 45vw; // <- vw
  
  // -20px -> .container padding
  // 5.555% -> .accordion__row (100% - 90%) / 2 == 5%
  //           5% * 100 / 90 == 5.555%
  margin-left: calc(-20px - 5.555%);

Прошу подсказать как называется такой эффект?

На странице плагина к GSAP ScrollTrigger есть два похожих примера: Cover Layered Sections и Snap to Section Immediately.
Искать лучше по ключевым словам section scroll pinning

Как реализовать параллельное окрашивание линии по скроллу страницы?

Как это на макете выглядит можно посмотреть?

Как сделать так чтобы антивирусник перестал удалять posinstall.js?

Gulp последний раз обновлялся 3 года назад, если бы в нем был вирус, то это давно бы заметили.