0348raven

1. Вынесите в отдельную функцию рендер одного item-а. Лучше если функция будет получать данные в качестве аргумента, а на выходе отдавать HTMLElement - в вашем случае со всеми детьми.
2. Лучше создавайте ноды, вместо работы со строками, или используйте тогда уж js string template.
3. Достаточно проверять items.length
4. Постарайтесь постепенно отказаться от jquery, если, конечно, не поддерживаете какое-нибудь старьё. items.forEach вам вполне подойдёт. И можно будет вообще отказаться от проверки items.length, только сохраняйте в items пустой массив, если данные не пришли
5. Если я не ошибаюсь, то теперь, когда функция возвращает вам элемент вашего списка, вы уже дальше сами можете определить, как его использовать: полностью заменять содержимое, или добавлять. И значит вам не нужны никакие options.

Мне если честно не до конца понятна концепция $('.container').html(html); и $(html).appendTo('.container');, а вникать мне не хочется. Что у вас тут происходит? То есть, почему разная логика в разных случаях?

А зачем грохать обработчик события? Сделайте флаг, который сигнализирует, что загрузка уже идет.

function ajaxLoadScroll() {
        var countListing = 1;
        var run = true;
        $(document).on('scroll', function() {
                if (run) {

                    var $container = $('.container').height() - 500;
                    if ($(this).scrollTop() > $container) {
                        run = false; // отключаем подгрузку
                        countListing++;
                        $.getJSON('/subscriptions/' + countListing, function(data) {
                            var cards = data.cards;
                            if (cards.length !== 0) {}
                            else {}
                            // снова возвращаем run к нужному состоянию, чтобы обрабатывать скролл и включить подгрузку
                            run = true;
                        });
                    }
                });
        });
    }

В закладках у меня висит несколько сайтов и вопросов на эту тему:

1. Скорость загрузки (otvet.expert/pochemu-zapadnie-i-nashi-sayti-gruzya...)

2. Разбор навигации (pantera.kz/articles/navigaciya-po-saytu-zapadnye-i...)

3. И вот только сегодня наткнулся на вполне себе занимательную статью (https://blog.adn.agency/svit-houm-adygeya-sajty-re...)

Всё образование чётко следует "ПОСТАНОВЛЕНИЕ ПРАВИТЕЛЬСТВА ОТ 10 ИЮЛЯ 2013 Г. № 582" там слишком всё сильно требуют шаг вправо шаг влево расстрел, а а вот насчёт того что сайты городов и краёв похожи это не так просто все ориентируются на то что надо преподнести пользователю, ну и офф сайты городов тоже по фз делают(номер не вспомню)

Готовый вариант
Создаем блоки и меняем им наклон,а внутри прописываем display: inline-block и противоположную трансформацию для текста,чтобы он был ровным.

transform: rotate(-45deg);

В данном случае left-side и right-side нужно делать блоками. У бема нет такого понятия как элемент в элементе. Если такое происходит, то верхний элемент нужно делать блоком

var owlItem = $("b-owl__el-item");
Точка где?

Шел 2016 год, дизайнеры продолжали издеваться над верстальщиками.
chikuyonok.ru/2010/01/uniform-text-background

У вас в коде что-то странное происходит. Должно быть вот так - https://jsfiddle.net/koceg/rt190edj/1/
Я немного упростил ваш код, чтобы он стал понятнее.

parentBlock.find($(".js-checkbox").not(parent).removeClass('checked'));

Вот это очень странный кусок. Вы тут, похоже, со скобками запутались. Обратите внимание, что передается в parentBlock.find().

https://github.com/gruntjs/grunt-contrib-less#compress