Максим Тимофеев

Срабатывают два условия при изменении размера экрана

не может быть

Буквально каждый пиксель срабатывает условие.

Это какой язык? Какие пиксели и как у Вас срабатывают. Что это????

Или нужно создавать карту через API, чтобы работать с ней через API ?

да

var num  = $("#modal-work img.active").prev('img').length + 1;

Обратите внимание, что width() — это ширина элемента без учета отступов и толщины рамки. Так что такое возможно, но возможно в Вашем случае причина в ином. Например, Вы уверенны селектор находит элемент и находит нужный? Проверьте, что выведет console.log($('#id_ячейки'));. Потому что при таком селекторе, элемент созданный c помощью js не найдется. А может быть есть элемент с таким же id.

Как хранить или как использовать. Если в js будете что-то писать и нужны по рукой данные, то конечно в объекте. Но если речь о хранении, то для этого БД есть. И json как транспортная система.

Если речь о advanced скелете, то backend и frontend это два отдельных app. Они не взаимодействуют, пока Вы не сделаете логику для этого. Зачем им взаимодействовать? У Вас есть site.ru за который отвечает frontend и admin.site.ru за который отвечает backend. Они ни как не связаны. У них даже БД могут быть разные.
В каждом из них есть входной скрипт (index.php) в котором подключается yii и frontend или backend. Откройте его и посмотрите.

Виджет - это html разметка + набор зависимостей (css, js, а может и картинки)
На сервере при формировании html, проверяем залогиен ли пользователь, есть ли у него отметка показывать виджет и соответственно вставлям его или нет, со всеми зависимостями.

никак. Крон у Вас обращается к определенному url, получает результат в виде html. Он ничего не рендерит, это же не браузер.
Так что он должен куда-то передать этот результат, куда-то где будет формироваться Ваш скриншот. Или cron будет запускать какое-то ПО, которое умеет делать скриншот.
Вот Вам поиск:
https://yandex.ru/search/?text=скриншот%20сайта%20...
Вот Вам на мой взгляд здравое решение:
https://habrahabr.ru/post/111188/

Думаю изначально сделана 3d модель полностью, далее сделаны видео переходов в том же ПО в чем и сама модель сделана, подобных программ множество. Далее несколько картинок, переведенных в svg.

Два варианта:
Найти готовый плагин: https://yandex.ru/search/?text=js%20canvas%20плаги...
Написать самому (учить js + canvas)

Если Вы ждете, что кто-то Вам готовый код выкатит - вряд ли, это не фриланс биржа и задача не на 2 строчки кода.

Чем эти не подходят?
https://yandex.ru/search/?text=ui%20framework&clid...

Либо каптча либо предварительная авторизация и только через трастовые соц сети и то не панацея, а способ значительно снизить кол-во спама

svg + js

есть сервисы типа:
https://screenshotlayer.com
Отправляете html, получаете картинку

начните с "Ымитации " русского языка. Потом можно так
$( "#target" ).click();
вот тут поподробнее api.jquery.com/click

Само модальное окно у меня сделано на CSS. JS в его создании не используется

Очень интересно посмотреть, прям мистика. А где в Вашем примере кнопка, которая его открывает.