Как нарисовать половину дуги?

Вот один из упоротых вариантов на css

и что значит?

идет в паре с адаптивной картинкой.

Как конвертирвоать RGB в HLS?

https://css-tricks.com/converting-color-spaces-in-...

Как верстаются такие блоки адаптивно?

flexbox + float

Конвертировать SVG в canvas, с поддержкой mix-blend-mode?

beDenz, ну тогда придется сначала из svg сделать dataUri https://habr.com/ru/post/254973/ , dataUri использовать как src для новой картинки и эту картинку уже рисовать на канвасе в нужном режиме наложения

Конвертировать SVG в canvas, с поддержкой mix-blend-mode?

beDenz,

Конвертировать SVG в canvas, с поддержкой mix-blend-mode?

beDenz, лучше кодом покажи, что и куда ты подсовываешь.

Конвертировать SVG в canvas, с поддержкой mix-blend-mode?

Kovalsky, режимы наложения не мешают конвертации, на канвасе можно сделать режимы которых даже нет в css. Все зависит от того, что ты хочешь получить. Можешь посмотреть на библиотеку html2canvas и какие css свойства в ней еще не реализованы.

Конвертировать SVG в canvas, с поддержкой mix-blend-mode?

механизмы влияющие на картинку

о каких механизмах идет речь?

Конвертировать SVG в canvas, с поддержкой mix-blend-mode?

Kovalsky, не обязательно svg конвертировать полностью, его также можно вставить как картинку в канвас, а перед отрисовкой этой картинки включить globalCompositeOperation = 'multiply'

// рисуем фото
ctx.drawImage(img, 0, 0);

// рисуем svg
ctx.globalCompositeOperation = 'multiply';
ctx.drawImage(svg, 0, 0);

Как вложить элемент под другой с помощью z-index?

При таких условиях .block-2 можно переложить только .block-1
Потому что: https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...
p.s. ты бы хоть разными цветами квадраты раскрашивал, а не угадаешь какой из 50 оттенков серого "тёмно-серый"

Почему неправильно работает плагин symlink?

LevSuprem, да тоже самое. Тогда не знаю почему оно не работает

Почему неправильно работает плагин symlink?

LevSuprem, хз, попробуй таск clean в начале сборки вызвать, он у тебя почему-то нигде не используется

Почему неправильно работает плагин symlink?

Попробуй без gulp-if разделить потоки

const img = () => {
  const stream = src(['src/img/**/*.*', 'src/images/**/*.*', '!src/img/icons/*.*'], { base: 'src' })
    .pipe(newer(cms.modx.img));

  if (!isDevelopment) {
    stream
      .pipe(imagemin([
        imagemin.gifsicle({ interlaced: true }),
        imagemin.jpegtran({ progressive: true }),
        imagemin.optipng({ optimizationLevel: 5 }),
        imagemin.svgo({ removeViewBox: false, collapseGroups: true })
      ]))
      .pipe(dest(cms.modx.img));
  }
  else {
    stream.pipe(symlink(cms.modx.img));
  }
  return stream;
}

Почему исчезают чекбоксы?

Мар'ян Витак, причина как раз в кривой разметке, сегодня ты поправил, а завтра оно опять отвалится. Сделай как тебе советует Azim Kurt , не испытывай удачу =)

Почему исчезают чекбоксы?

там какая-то дичь в разметке

<ul>
  <div>
    <div>
      <li>
        WTF!!!
      </li>
    </div>
  </div>
</ul>

Как сделать размытый блок поверх видео?

Роман Кузнецов, пожалуйста=)

Как сделать размытый блок поверх видео?

Роман Кузнецов, контекст наложения меняется и канвас проваливается под видео. Поправил пэн, добавил z-index: 0

Как сделать размытый блок поверх видео?

Роман Кузнецов, держи еще вариант

Как победить ошибку "cannot read property of undefined"?

Роман,

ХЗ что за модуль он использует для доступа к vk api

а как же навыки телепатии и техники гадания на кофейной гуще =)

Как победить ошибку "cannot read property of undefined"?

Kovalsky, ну надеюсь он догадается заглянуть сюда https://vk.com/dev/list