Веб-страница - фронтенд бэкенд девопс

Облачная подборка. В ней поговорим о том, любят ли сейчас компании облака так же как раньше, что делать с S3-хранилищами и где можно добыть GPU-мощностей! Почему компании возвращают нагрузки из публичного облака в 2026 году Гибридное облако: что оставить у себя, а что вынести в публичный контур Облако или свои серверы: почему бизнес выбирает гибридную инфраструктуру Кто отвечает за работу облачной инфраструктуры: бизнес или провайдер VPS или облачный IaaS в 2026: когда дешёвый сервер перестаёт справляться Где арендовать GPU в 2026 GPU-серверы для LLM-инференса S3 в инфраструктуре: где объектное хранилище помогает, а где не заменит файловую систему Как хранить бэкапы в S3, чтобы их не удалил сбой или вирус

Почему font-family не берёт запасной шрифт у родителя Если на body задан стек system-ui, sans-serif, а на h1 только «Open Sans», браузер не вернётся к стеку body. Объявление заголовка самодостаточно: пока веб-шрифт грузится, браузер исчерпает его список и возьмёт свой шрифт по умолчанию, часто Times New Roman. Если у шрифтов различаются ширина и высота символов, замена запасного шрифта веб-шрифтом может сдвинуть элементы и ухудшить CLS, показатель неожиданных смещений макета. Исправление: задавайте полный стек при каждом переопределении, например font-family: "Open Sans", sans-serif;. Harry Roberts объясняет механику на CSS Wizardry. Проверьте переменные дизайн-системы: после имени веб-шрифта нужен хотя бы общий запасной вариант вроде sans-serif.

Большая ИИ-подборка о разном. В ней прикладные задачи, фреймворки и модели, а также немного о том, как ИИ повлиял на информационную безопасность. (И мем) ИИ в разных прикладных задачах: Как ML вычисляет фейковые отзывы и накрутку рейтингов 15 бизнес-задач для автоматизации через ИИ ИИ в работе мобильного банкира Как финансовые организации сокращают расходы и убирают ручной ввод документов Распознавание документов в браузере Как распознать паспорт на Python за 5 минут Про модели, фреймворки и работу с ИИ: Модели для кода в 2026: Claude, GPT, Gemini, DeepSeek, Qwen Вайб-кодинг в терминале: настраиваем OpenCode с Claude, GPT и Gemini Как выбрать фреймворк для ИИ-агентов Почему ИИ-агент тупеет на большом проекте Что меня ждало, когда я решил стать вайб‑кодером Можно ли аналитику в 2026 году положиться на ИИ и агентов или ещё нет? Инфобез и ИИ: Вайб-кодинг как мечта хакера: какие уязвимости плодит код, сгенерированный ИИ Ваш ИИ-агент видит лишнее: пять атак, которые превращают помощника в канал утечки ИИ в ИБ: где он реально работает, а где — просто модный ярлык

Как проверить ограничитель запросов в многопроцессном Node.js Локальный ограничитель показывает идеальные интервалы, пока сервер получает пачку запросов. В эксперименте с Bottleneck шесть воркеров при настройке на два запроса в секунду сообщали о паузах 495,8 мс, но вместе выдавали серверу 14,04 запроса в секунду. Библиотека работала по документации: local не синхронизирует процессы. Контрольный запуск через Redis удержал суммарную частоту на двух запросах в секунду. Если приложение запущено через Node.js cluster, PM2 в cluster-режиме или несколько контейнеров, проверяйте не отчёт ограничителя, а интервалы прихода на HTTP-сервер. Намеренно отключите координацию и убедитесь, что тест замечает всплеск. Иначе заданный предел окажется пределом для каждого процесса.

Когда в CSS нужны контейнерные запросы Медиазапрос смотрит на окно браузера. Поэтому условие min-width: 1024px сработает на экране шириной 1920 пикселей даже для карточки шириной 300 пикселей. Тесному компоненту достанется раскладка для широкого экрана. Контейнерный запрос проверяет ширину родительской обёртки. Порог 450 пикселей переводит карточку в горизонтальную раскладку. Такой компонент можно переносить в сайдбар, не переписывая условие под ширину окна. В разборе Smashing Magazine тот же принцип применяют к шрифту: cqi вместе с clamp() масштабирует его относительно контейнера. Оставляйте медиазапросы для структуры страницы, а контейнерные используйте для карточек, форм и виджетов.

Как собрать современный CSS reset для нового проекта В наборе Josh W. Comeau сохранены разумные браузерные стили и добавлена база для предсказуемой вёрстки. box-sizing: border-box включает границы и внутренние отступы в заданную ширину элемента, а внешние отступы сбрасываются у всех элементов, кроме dialog. Для текста задан межстрочный интервал 1,5 и более аккуратное распределение строк в абзацах и заголовках. Формы наследуют шрифт. Так меньше базовых исключений приходится исправлять в стилях компонентов. Используйте набор при старте нового проекта. Для существующей кодовой базы автор предупреждает о риске незаметно сломать интерфейс изменением базовых стилей. Если всё же добавляете reset, тщательно протестируйте результат. Код и объяснение каждого правила есть в разборе Josh W. Comeau.

Как браузер мгновенно восстанавливает страницу при возврате Кэш переходов назад и вперёд, или bfcache, сохраняет в памяти снимок всей страницы вместе с состоянием JavaScript. Когда пользователь уходит, браузер приостанавливает выполнение кода, а при возврате показывает страницу без запроса к сети. Механизм поддерживают все основные браузеры. Начните проверку с обработчика unload: на компьютерах Chrome и Firefox он исключает страницу из bfcache. Используйте pagehide, а восстановление отслеживайте через pageshow: свойство event.persisted будет равно true. В одностраничном приложении кэш не ускоряет внутренние переходы без перезагрузки, но помогает при возврате к приложению с другой страницы. Разбор web.dev пригодится перед аудитом навигации: в нём есть механика кэша, события страницы и ограничения встроенных фреймов.

Короткая хронология: 2001 — появился SpaceWeb, в аське живёт весь рунет 2005 — Живой Журнал, гостевые книги, счётчики посещений 2010 — торренты, флеш-игры, первые айфоны у всех 2016 — все бегают за покемонами 2020 — жизнь переезжает в Zoom 2026 — SpaceWeb исполняется 25 Анкета проводит по всей этой линии — от первой страницы до промокода в конце.

Почему большой z-index не поднимает подсказку над шапкой У подсказки может быть z-index: 999999, а у шапки всего 2, но шапка всё равно окажется сверху. Значения сравниваются не по всей странице, а только внутри одного контекста наложения. Если main создал отдельный контекст с z-index: 1, его дочерняя подсказка не сможет обойти соседний header с z-index: 2. Контекст появляется не только из-за сочетания position и z-index. Его могут создать opacity меньше единицы, transform, will-change, фиксированное или липкое позиционирование и другие свойства. Поэтому увеличение числа порой напоминает торг с браузером: ставка растёт, результата нет. В разборе Josh W. Comeau есть интерактивные примеры и схемы контекстов. При отладке пройдите по предкам проблемного элемента: найдите предка, который создал новый контекст, и проверьте его порядок среди соседних контекстов.