Negwereth

Вот тут проблемы не вижу вообще.
Выделите стили и скрипты, которые безусловно общие для всех страниц и их подключайте всегда.
А специфичные ресурсы подключайте только там, где надо. Вы удивитесь, насколько быстро всё станет грузиться.

https://www.sitepoint.com/optimizing-critical-rend...

https://stackoverflow.com/questions/5250412/how-ex...

Ну так они явно один в другой вложены. Проверьте код в PHP, косяк там, с закрывающим тегом.

blog.angular-university.io/angular-2-what-is-unidi...

translate3d отлично срабатывает на tr. Но не translateX, к примеру. Попробуйте.

А можно пример чисто CSS-решения? Насколько мне известно, принудительно элемент в фокус поставить можно только через метод .focus();

Потому, что ты их никуда не добавляешь. appendChild.

let items = [...document.getElementsByTagName("div")];

// Для слабонервных браузеров
let items = Array.from(document.getElementsByTagName("div"));

Вот так по науке: https://www.sitepoint.com/javascript-media-queries/

type="number"

https://jsfiddle.net/48c4ytz1/11/