profesor08

Вот заходишь на свой магаз и задаешь себе вопрос, купил бы тут что или нет? Если нет, то почему и тд. Ответив на все вопросы, получишь видение того, каким он должен быть. А чтоб начать задавать такие вопросы, сначала надо сделать магазин. Сделать его на том, чего не знаешь, у тебя вряд ли получится, поэтому делай на том что знаешь.

Закачивай через сервер и кешируй в браузере.

<div class="number">10</div>

.number {
  border: 2px solid red;
  border-radius: 50%;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}

echo urldecode("\xe1\xb4\x81");

Это всего лишь разрешение экрана. Это количество физических пикселей. На эти цифры при верстке смотреть вообще не надо. Надо смотреть на dp или dip - Density-independent Pixels. Абстрактная ЕИ, позволяющая приложениям выглядеть одинаково на различных экранах и разрешениях. Посмотреть можно в Настройки - Для разработчиков - Минимальная ширина. Это и есть то самое значение, на которое тебе надо упираться, при адаптации под конкретное устройство. Обычно минимум это 320, либо 360, например у iphone x это 375.

for(let i in acc.users)

А возможно твой браузер ничего не знает про оператор in. Обновляйся, либо трансплить код.

У тебя куча перемешанного кода, в котором ты наверняка сам не разбираешься что там происходит. Попробуй все упростить и свести к минимуму. Чтоб происходит просто запрос, посмотри какие приходят ответы, попробуй их обработать и тд. Вот для примера кусочек кода, который раз в секунду будет слать запрос на сервер и получать данные, потому их вставлять куда надо. В случае каких-то ошибок, выведется сообщение в консоль, но код продолжит работать.

async function update() {
  try {
    const name = encodeURIComponent(document.getElementById("Name").value);

    const response = await fetch("ajax.php?name=" + name);

    const text = await response.text();

    document.getElementById("OurMessage").innerHTML = '<i>' + text+ '<i>';
  }
  catch (err) {
    console.warn(err);
  }

  setTimeout(async () => await update(), 1000);
}

(async () => {
  await update();
})();

Похоже на косяк в кешировании. Кто-то или что-то, кеширует новость, устанавливает для нее время кеширования около часа, а когда время истечет, запрашивает новую запись из бд, кеширует ее, но время не обновляет. А значит, по истечению первого часа, все новости будут дергаться из бд при каждом запросе. Типичная ошибка, не обновил одно значение и понеслась.

Вычеркни TP-LINK из списка. Их железки не отличаются стабильностью, и раз не хочешь сидеть в непонятках что нету интернета, то лучше просто фирму TP-LINK подзабыть до безвыходных ситуаций.
D-link какой-то дохлый, как и большинство их железок, работают на пределе и подтормаживающие.
Про zyxel ничего не скажу, не было их у меня.

SVG будет качественее, быстрее и код короче

Плюнь им в лицо. Код короче не будет. Одно дело на канвасе закрашивать область, другое на svg постоянно генерировать маску, а это манипуляция с dom, а это, в свою очень, медленно.

Нет, нельзя. CSS про стили, а не про взаимодействие. Ты можешь только отследить состояние чекбокса.

$string = file_get_contents("numbers.txt");

$numArray = preg_split("/[\s]+/", trim($string));

echo min($numArray);

При этом цифры могут быть разбросаны по файлу

23 1234 432 4 4  6
3 63 35 

6536 5 63

345  345 43 43  
54 435  45 2

Ты в service пихаешь инстанс класса C, значит и ее тип должен быть соответствующим.

interface A{
  name: string;
  service: C;
}

Убери &

Карты безопаснее налички. Если нал сопрут, хрен его потом найдешь. Если карту сопрут, и даже что-то снимут, ты сможешь вернуть свои средства. Чтоб карту не сперли прячь ее. Чтоб ничего не смогли с ней сделать, отключи платежи в интернете, либо используй только 3D Secure. Для всех оффлайн операций требуй пинкод. Если сперли и карту, и пинкод, блокируй ее в банке и возвращай средства.

При открытии модалки, на body навешивается класс .modal-open, при этом, его стили отключают прокрутку. Проверь наличие всех стилей, всех скриптов. Если у тебя прокрутка внутри другого элемента реализована, то отключи ее:

.modal-open .scroll-elem {
  overflow: hidden;
}

Если ничего не получилось, тогда воспроизведи проблему на jsfiddle.

А что же ты будешь делать, когда те самые блоки появятся на сайте в будущем? Искать как их вернуть обратно, но не все, а нужные блокам? У тебя 12кб кода CSS, ты большей пользы получишь оптимизировав любую картинку.

Помимо этого, ты не знаешь какие названия классов меняются при помощи js, либо будут меняться. Риск все сломать слишком велик.

Подобный функционал достигается при правильной настройке сборщика проекта, когда выкидываются неиспользуемые стили. CSS Modues.

Смотри какими браузерами пользуются в СНГ. Потом проверяй на caniuse.com, есть ли у нужных свойств поддержка этих браузеров. Но проще будет проверить на https://www.browserstack.com/ или на https://app.lambdatest.com/ адекватность отображения своего сайта в разных браузерах.