Dima Polos

.container :nth-child(5n),
.container :nth-child(5n-1),
.container :nth-child(5n-2) {
  ...
}

Если вашему сайту не понадобится работа с БД, то вы можете просто закинуть статику на хостинг и ваш сайт будет нормально работать

Нет. Даже сам JQuery уже давно не актуален. Если нужен красивый UI интерфейс, то советую element.eleme.io

Вот пруф-линк с активностью разработки JQueryUI:

У вашего слайдера есть эвенты, подпишитесь на них и при смене слайдера проверяйте какой элемент сейчас is-selected и далее проверяйте какой у вас класс у этого элемента black image итд...

Я просто не пользуюсь данным слайдером... предпочитаю OWL

В офф. документации нашел это:

// jQuery
$carousel.on( 'change.flickity', function( event, index ) {
  console.log( 'Slide changed to ' + index )
});

Если возникает необходимость посмотреть как интерпритируется тот или иной синтаксис - может быть полезно посмотреть на AST. Сделать это можно, например, тут https://astexplorer.net/

Слева вставляете код, справа смотрите как его понимает парсер (не реальный парсер движка, но в большинстве случаев это не критично)

Если вы вдруг забыли приоритеты операций (yield vs. ternary например) - это может быть полезно

Спасиба вам обоим, вроде заработало, и тот и то способ работают
добавил этот канал и заработало
https://maiboroda.pro/api/channel_v3.json

Придётся вас огорчить. Nunjucks не выглядывает "outside of the box". Об этом сообщает один из авторов библиотеки. Обсуждается вот тут:

https://github.com/mozilla/nunjucks/issues/326#iss...

Относительные пути использовать можно, но только в том случае если они находятся в пределах paths: []. Так что нужно или переместить файл в templates или добавить '...img/svg' в массив paths. Соболезную.

.row
  .col-6
    .row
      .col-12
      .col-12
      .col-12
      .col-12
  .col-6

Вот тебе структура. Внутрь .col пихай блоки с контентом.

зависит от того, как вы делаете анимацию.
в большинстве случаев проблему решает перенос расчета анимации на видеокарту с помощью js библиотек, либо использования подходящих css параметров, типа transform3D

Так:

:nth-child(4n+2),
:nth-child(4n+3) {
  background: red;
}

??

Принцип KISS не означает что надо использовать самые примитивные инструменты.
Он означает, что не надо переусложнять систему без нужды.
Если так рассуждать, так и высшее образование не нужно: "Дед отличные бани строил, хотя вовсе был неграмотный. Я и без сопромата небоскреб построю!"
Если вы пока ещё не понимаете назначение всех этих "лееров, провайдеров и репозиториев", это не значит, что они вообще никому не нужны.

Для того, чтобы упростить управление системой, её надо усложнить.
Этот принцип относится к любой области человеческой деятельности, от постройки ракет до управления государствами.
Чем сложнее система, тем больше накладные расходы на ее управление. Хоумпейдж с котиками можно и нужно делать примитивными средствами. В большом проекте надо сразу закладываться на будущую расширяемость. То есть, заранее делить ответственность между "леерами".

И кстати. Код, в котором "всё друг на друге завязано" - это очень плохой код. Собственно, предназначение всех этих "лееров, провайдеров и репозиториев" как раз в том, чтобы компоненты были как можно более независимы друг от друга.

Object.prototype.toString.call

Для FIle будет [object File], для обычного объекта [object Object]