includeHTML - простая модульная разработка пользовательского интерфейса приложения на HTML/JS/CSS

Верстаете многостраничные шаблоны для сайтов, разрабатываете сложную админку, создаёте мобильное, PWA, RIA или SPA-приложение?
Этот инструмент поможет "склеивать" вашу вёрстку и JS-код внутри приложения максимально просто и удобно, и, разумеется, динамически управлять загрузкой любых блоков, стилей и javascript-скриптов на протяжении всей работы приложения.

includeHTML - решение всех проблем в плане модульной разработки интерфейса и предотвращение полной перезагрузки страницы при обновлении одного или нескольких блоков!

Поддержка работы в следующих браузерах: IE9+, FireFox, Chrome и других.
Поддержка протоколов: http://, https://, file:///
Вставка через теги или javascript: HTML, JS, CSS, TXT

Рекурсивная загрузка блоков из других блоков и вложенных каталогов.


Давайте посмотрим более подробно на то, что может данная библиотека.

Простое и корректное удаление переменных (функций, объектов) в javascript

Чтобы удалить переменную и дать возможность "сборщику мусора" освободить память в javascript, используем следующий код:

delete foo.__proto__;

Полный код для полного понимания процесса приведён ниже:

Звук, который не только слышно, но и видно: визуализируем музыку.

Простая демка для анимации элементов на веб-странице:

QuakeJS - время отдыхать!

При интенсивной работе над любым проектом, после 3-4х часов, всегда хочется прерваться на 10-15 минут и отдохнуть, сменив логику, скорость и тип мышления.

Предлагаю сыграть в QuakeJS - это порт известной игры Quake III: Arena через Emscripten в Javascript для запуска и работы в браузере. Для хорошей скорости работы игры на вашем ПК должен быть 3D ускоритель!

REX Tiny templater - мультиязычная панель управления или админка без проблем!

При написании панелей управления или административной части, достаточно много данных для отображения на веб-странице необходимо подгружать и обновлять динамически. Например, используя ajax или websocket. Обычно, загрузка таких данных происходит в формате JSON. После загрузки, может потребоваться объединить эти данные с заранее заданным текстом шаблона для дальнейшего отображения в интерфейсе.

Следующий код шаблонизатора (в несколько строк!) поможет Вам разместить полученные данные максимально просто и даже использовать short-tag от PHP, чтобы Вы могли легко переносить строку без изменений между PHP и Javascript, а также, при необходимости, обрабатывать Javascript как PHP-скрипт.