alex

gulp-rev-replace

const gulp = require('gulp');
const revReplace = require('gulp-rev-replace');

gulp.task('revision', (done) => {
	const manifestFile = gulp.src('path/to/manifest.json');
	
	gulp.src('public/*.html')
		.pipe(revReplace({manifest: manifestFile}))
		.pipe(gulp.dest('public'));

	done();
});

[
  [ '15:40', true, {playd: true} ],
  [ '17:00', true, {playd: true} ],
  [ '18:20', true, {playd: true} ]
]

#1

var o = {
  method: function() {
    el.onclick = (e) => {
       this.method()
     }
   }
}

#2

var o = {
  method: function() {
    var _this = this;
    el.onclick = function(e) {
       _this.method()
     }
   }
}

codepen.io/alechq/pen/pexvoo

<ul class="bxslider">
  <li><img src="https://unsplash.it/200/300" /></li>
  <li><img src="https://unsplash.it/600/300" /></li>
  <li><img src="https://unsplash.it/300/300" /></li>
  <li><img src="https://unsplash.it/400/300" /></li>
</ul>

$(document).ready(function(){
  const slider = $('.bxslider').bxSlider({
    pager: false
  });
  
  if ($(window).width() <= 670) {
    slider.destroySlider()
  }

  $(window).resize(function() {
    if ($(window).width() <= 670) {
      slider.destroySlider()
    }
    
    if ($(window).width() > 670) {
      slider.reloadSlider()
    }
  });
});

В Firefox все ок. В Chrome стрелки исчезают при ховере на карточки, но с меню все ок. Win7@64 все браузеры зеленые.

Попробуйте добавить для стрелок transform:translate3d(0,0,0) scale(1). При ховере соответственно будет - translate3d(0,0,0) scale(1.1). В моем случае стрелки перестали исчезать.

Не знаю решит ли это вашу проблему, но поробуйте:

× section.broadcast .slick-slider .slick-slide .page - уберите свойства left, margin, width

× section.broadcast .slick-slider .slick-center .page - уберите свойство left

× .posts-list - уберите свойсто margin

Поставьте для #wrapper { overflow: hidden }, а во время открытия меню - убирайте.
Проблема в том, что у вас элементы с атрибутами data-aos-*, которые анимируются при скроле, в дефолтном состоянии находятся за вьюпортом, в результате чего появляется горизонтальная прокрутка.

repl.it

https://jsbin.com/dopemacuki/1/edit?output

<img src="https://unsplash.it/700/300" alt="" />

img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  max-width: 100vw;
  max-height: 100vh;
}

× Устанавливаете плагин
× Заходите на https://www.doska.ru
× Открываете меню плагина и выбираете New user script...


× В открывшеемся диалоговом окне вводите:


× Открывается окно с редактором, туда вставляете

document.body.removeEventListener('copy', add_link_to_selection, false);

после «сохранить», затем закрываете окно.


× Перезапустите браузер

Такое (и подобное) не работает:

let [circle, ellipse, rectangle, square, triangle] = figures.map(
    (item) => new Figure(item)
);

Работает, просто у вас опечатка: conСtructor(name)
https://repl.it/GYXL

https://learn.javascript.ru/task/sum-many-brackets

Там есть нюанс с порядком объявления свойств. В вашем случае scale должен идти после translateX.

transform: translateX(500px) scale(1.5);