axeax

Если должно в итоге получиться что-то вроде крутилки, то:
1) при touchstart запоминаем х
2) при touchmove, если moveX > x - значит вправо, ну и наоборот
3) в соответствии с направлением задаем элементам новые классы или позицию, зависит от того что в итоге нужно получить

не нашел на 23 строке комментов...
а вообще можно поверх svg фильтр наложить, потому что если мне не изменяет память нативного блюра у канваса нет, а операция сложная. Ну или на webgl такие вещи писать

kill -9 `pidof node`

В первую очередь не храните уведомления в файле. Для этого есть базы данных.

Готового не встречал, но можно самому сделать.
В основном все слайдеры назначают текущему слайду какой-то класс, пусть будет .active
Еще у всех слайдеров есть события смены слайдов.
Алгоритм примерно такой:
Есть 21 слайд. Активен сейчас 10-ый, с каждой стороны соответственно еще по 10.
По событию смены слайда находишь активный, идешь по элементам вправо и каждому уменьшаешь размер постепенно. И то же самое влево.

Вам нужно понять как отправить запрос с id или как дать кнопке этот id? или id должен быть например номером строки?

например, получаем с сервера данные в виде
[{day: 1, visitors: 10},{day: 2, visitors: 20},{day: 3, visitors: 15}]

и в js рисуем svg линию с координатами
x - день
y - посещения
какие еще правила то? Для работы с svg в js лично я использую svgjs.com

Много текста, не читал.
Подключаете mousewheel, пишете

$(document).on('mousewheel', function(ev){
   // смотрим высоту документа
   // смотрим scrollTop - сколько отскроллено от верха
   // если значение scrollTop приближается к значению высоты документа, например на 200 пикселей, загружаем еще 10 новостей.
})

Код не пишу чтобы реализовали сами

В инпут надо вставлять value а не html

За счет гибкости и отсутсвия ограничений можно здорово наговнокодить.
Он достаточно быстрый, но... даже дефотная главная страница делает под сотню запросов в бд
Это единственные минусы по мне)

а) любой слайдер, который поддерживает вертикальное листание
б) какой нибудь скроллбар типа https://noraesae.github.io/perfect-scrollbar/ , стилизовать под себя

$('.portfolio-categories').each
много у вас блоков с классом portfolio-categories? Если много, то естественно пока each их все обойдет, будут тормоза.

Юзайте версию 2+
Сам по себе плагин глючный. Я использую, и постоянно приходится костылить. В новых версиях улучшения есть. https://owlcarousel2.github.io/OwlCarousel2/demos/...

или content: url(/path/to/img);

как самое простое - https://habrahabr.ru/company/ruvds/blog/318322/ - №2
но на продакшне не прокатит особо

1. не кроссбраузерно но быстро htmlbook.ru/css/zoom
   
2. skale отсюда htmlbook.ru/css/transform
   
3. jquery: на событие ресайза повесить пропорциональный перерассчет всех координат внутри нужного блока
   

Запустить профайлер, он покажет в каком месте идет отжор