xmoonlight

Перелистование: https://developer.mozilla.org/ru/docs/Web/API/Hist...
Сортировка, поиск: https://learn.javascript.ru/indexeddb

PS: includeHTML для простого создания SPA.

1. Скачать страницу целиком в HTML (все файлы - раздельно!).
2. Сделать поиск по файлам.
PS: Ещё возможен вариант такой.

HTML5 Boilerplate (github)

Почитайте, как работает z-index.

1. То, что постоянно - то есть ID.
2. По структуре ID - делаем НС.
3. По НС - получаем поля.
4. GOTO 3

https://html5-editor.net/

viewport
scaleX
Основы отзывчивого веб-дизайна

JS, websocket, SPA и API со стороны роутера для подключения к веб-сокету для получения значений в real-time режиме.

Проблема с округлением во время рендеринга, как я понимаю.
Замечаю такое же поведение.

setInterval() внутри requestAnimationFrame()
используйте для этого (проверки с задержкой) переменную key

Нужен "бутерброд" (снизу вверх, к пользователю):
1. Человек и линии - SVG. ("подложка")
2. Блоки надписей (с круглыми пиктограммами) - контейнер DIV'ов. (основной текстовый контент)

Порядок создания:
1. Начинаем с п.2 (создаём контейнер DIV'ов с надписями внутри), т.к. нам нужен размер SVG на основе контейнера DIV.
2. Создаём SVG (точно ПОД контейнером DIV'ов с той же позицией и того же размера).
После того, как это сделано - динамически создаём соединительные линии используя координаты соединительных точек блока-человека и блоков-надписей (все вычисления и прорисовка линий на SVG - через JS).

http -> https и/или проверка реферера.
Если хотите для любого из протоколов (если удалённый сайт поддерживает оба протокола) - ставьте просто action="//name.us13....

https://ru.wikipedia.org/wiki/Java_Web_Start