Alex

Неавно решал подобную задачу, тестовое задание. Как и говорят, ребята выше, без дополнительных индексов быстро не получится. В моем случае поиск был всего по двум полям, поетому я пересоздас себе масив по этим ключам и искал, этого было достаточно. В процесе разбора наткнулся на такой вот пакет https://www.npmjs.com/package/json-index есть и аналоги, может помочь. Но лично я не пробовал.

Без библиотек прийдется самому щитать.
Я брал за основу для проекта с канвасом вот эту либу https://projects.calebevans.me/jcanvas/
Небольшая, есть ховер ефекты, умеет работать со слоями.
В целом остался доволен выбором.

Там нет никакого плагина. Изменение размера элемента при ховере там сделано на CSS. А при клике данные аяксом с сервака едут.

.content_menu:hover .content_menu__item {
  width: 20%;
  -webkit-transition: width 0.5s 0.1s;
          transition: width 0.5s 0.1s;
}
.content_menu:hover .content_menu__item:hover {
  width: 40%;
  -webkit-transition: width 0.3s;
          transition: width 0.3s;
}

Вот сегодня на хабре пост опубликовали https://habrahabr.ru/post/309466/
Может не совсем то, но в этом направлении.

Я перепробовал не одну и остановился на kenwheeler.github.io/slick
Там можно прописать отдельно конфиги для любого разрешения екрана.

Вот нагрузка на процессор на первом слайде joxi.ru/p279pylt0aE49r
У меня i5 двухядерный. Мне кажется что эта "красота" такого не стоит :)

kenwheeler.github.io/slick Center Mode можно так сверстать. Делал что-то подобное на нем.

Не бесполезно, но знать нужно. Без него только Node.js, для большинства (если не для всех) других задач его нужно знать.

Сейчас делаем на фирме два подобных проекта.
Используем ангулар 1.5.* Бекенд на #C и Python на другом.
Есть разные типы пользователей, куча статистики, гарфиков, форм и т.п....
Всем довольны. Нерешабельных проблем не встречали.

На WP это можно сделать через поиск по мета-полям. Ничего сложного нет. Вот довольно детальная статья https://wpmag.ru/2014/rabota-s-proizvolnyimi-polya... поможет сориентироваться что и как.

.products-third, .products-six {
    margin-right: 0;
}

За такую хрень нужно по руках клавой бить. И очень жестко. Учись пользоваться htmlbook.ru/css/nth-child
А то такие спецы втюхают свою верстку за копейки, а кто-то потом парится и думает как это использовать/натянуть на CMS.