Веб-страница | frontend, backend, fullstack, react, vue, javascript, typescript, css, html

Почему 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() масштабирует его относительно контейнера. Оставляйте медиазапросы для структуры страницы, а контейнерные используйте для карточек, форм и виджетов.

ИТ-сообщество, хватит онлайн-митапов — приходите офлайн! 18 сентября в Москве состоится «ЛЦТ.Старт Кодинга» — открывающее событие восьмого сезона хакатона «Лидеры цифровой трансформации». Деловые сессии, нетворкинг, битва роботов, полигон роверов, зона кодинга и другие активности. 18 сентября, с 15:00 Центр роботизации «Создатели», ул. Миклухо-Маклая, 27А, 3 этаж (м. Беляево) Регистрация на событие и подробности: https://golnk.ru/KKLRW Количество мест ограничено! ЛЦТ. Старт Кодинга — 18 сентября 2026, Москва lct-start.ru Реклама. ООО «ИВЕНТ ЛАЙК», ИНН: 2130208839. Erid: 2VtzqwJW8oe

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