Смотрю первый ваш пример - вижу d3. Смотрю второй ваш пример - тоже вижу d3. По такому поводу непонятно что нужно в итоге
"я не понимаю, как переписать сущности chart, BezierCurve, line, tree и т.п. на обычный js" - это абсолютно нормально, ведь все перечисленные вами сущности реализованы с помощью обычного JS
"почему объявление переменных идёт в самом конце?" - потому что это не конец и не начало, а просто часть блока "live code", в котором можно выполнять куски кода прямо со страницы. Короче говоря, начало это или конец значения не имеет никакого
В админке WP зайди в редактор страниц или виджетов, поменяй эту синюю картинку на блок HTML в котором будет лежать твой SVG. Как вариант. Думаю скрипты временно тоже можно туда накидать.
На самом деле я думал перевести всё в растр и надеяться что итоговая картинка будет смотреться нормально, но конкретно с PNG пока вышло так же как и SVG.
Денис, ну да, теперь всё достаточно просто, минимум логики. Но суть не меняется - по клику вы скрываете ячейку грида, а так как от изменений в одной части грида может меняться что-то в другой части (независимо от того в каком месте грида происходит изменение), то пересчитывать грид приходится полностью.
В вашей ситуации грид вообще не нужен, это слишком сложный инструмент для решаемой вами задачи. В любом случае, независимо от того каким крутым инструментом вы пользуетесь, организовывать огромную таблицу из неадекватно длинной последовательности элементов - само по себе идея дурацкая. Попробуйте как-минимум сгруппировать ячейки в строки.
"если есть на странице допустим блок "content", то убирается блок "block", если есть блок "adaptive", то ничего не происходит" - вот это с русского дословно переведите на JS
Александр Епихин, а я не говорил про растр, я говорил про упаковку иконок в такой же векторный формат как и SVG - в шрифтовые наборы типа TTF, WOFF и другие.
Анна, это я вам наврал; у меня появился горизонтальный скрол и мобильное меню почему-то открылось с position: relative, а не fixed, от того создалось впечатление что все порушилось. Если меню это не проблема, то горизонтальный скрол это грустно
denum999, вообще я не особо по питону, но на вашем месте я бы просто сделал dictionary у которого ключами были бы классы, а значениями - списки животных. Это бы наверное всё упростило
Денис, "В Grid-структуре ничего сложного нет." - ну да, ничего сложного кроме той части кода которую вы привели: куча расчётов, сложные шаблоны с обязательным разрешением переменных, относительные величины. Плюс к этому еще адаптив и сама по себе сложная структура. И анимация сверху чугунной наковальней падает на это всё.
"Про какие мелкие элементы Вы упоминали? 12 блоков в строке и все! После идет еще 12 блоков (следующая строка) и т.д." - у вас грид состоит из кучи мелких элементов. Я сделал пару тысяч блоков и всё - стало жутко тормозить,
"при построении любой сетки grid, если пользователь будет анимировать (допустим, прятать) один из элементов (блок) в структуре, то вся сетка будет перерисована?" - конечно нет. Это конкретно в вашем случае грид организован так хреново, что ему приходится всё перерисовывать. Я тоже спорить не буду, я просто показал на очевидные узкие места. Сгруппируйте строки, это решит проблему.
"я не понимаю, как переписать сущности chart, BezierCurve, line, tree и т.п. на обычный js" - это абсолютно нормально, ведь все перечисленные вами сущности реализованы с помощью обычного JS
"почему объявление переменных идёт в самом конце?" - потому что это не конец и не начало, а просто часть блока "live code", в котором можно выполнять куски кода прямо со страницы. Короче говоря, начало это или конец значения не имеет никакого