Мощный WEB | Веб-разработка, инструменты и AI

<usermedia> — доступ к камере и микрофону без «мёртвых» отказов Раньше, если пользователь случайно отклонял запрос на камеру, восстановить разрешение было почти невозможно. Новый элемент решает эту проблему: кнопка на странице повторно вызывает диалог авторизации. По данным Cisco, восстановление после отказа выросло с 10% до 65%. <usermedia id="media-ctrl"> <button>Включить камеру и микрофон</button> </usermedia> -Доверие и контекст: Браузер видит, что запрос инициирован физическим кликом по «своему» элементу, а не скриптом. Это надёжный сигнал намерения, который позволяет обойти автома…

<select> больше не нужен JavaScript Самое практичное для повседневной работы — нативная кастомизация <select>. Теперь можно стилизовать выпадающий список без сторонних библиотек и костылей . В CSS достаточно включить: css select, ::picker(select) { appearance: base-select; } В HTML можно вкладывать <button>, <selectedcontent> и другие элементы прямо внутрь <select>, а для стилизации использовать новые псевдоэлементы: ::picker(select) (контейнер списка), select::picker-icon (стрелка) и option::checkmark (галочка выбора) . #HTML #Мощный web

useSyncExternalStore — зачем нужен и когда применять Это React-хук, представленный в React 18. Он решает конкретную проблему: безопасная подписка на внешние (не-React) источники данных без риска рассинхронизации при конкурентном рендеринге. Зачем он появился До React 18 подписки на внешние сторы делали через useEffect + useState. В режиме concurrent rendering это создавало проблему tearing — часть компонентов рендерилась со старым значением стора, часть с новым, и UI «рвался». useSyncExternalStore гарантирует, что все компоненты увидят одно и то же значение на каждом рендере. const snapsho…

POST-MOTERM Продакшн-стек: next.js 16.x (app router), node.js 20, pm2, nginx 1.24, vps 2 vcpu / 2 gb ram. сайт стабильно работал на десктопе, android и iphone xr. при обращении с iphone 13 (ios 18.7) сервер падал в течение 3–5 секунд, после чего сайт становился недоступен для всех клиентов на несколько минут. Диагностика Первичный анализ логов PM2 выявил каскад ошибок: Error: Failed to find Server Action "x"Error: useSetFinishViewTransition must be used within a ViewTransitions componentTypeError: Cannot read properties of undefined (reading 'workers') Ключевая ошибка — третья. Она указывае…

CSS: функция progress() стала Baseline Функция progress() официально получила статус Baseline Newly available (недавно доступна) с 1 сентября 2026 года. Это значит, что она теперь стабильно работает во всех основных браузерах. -Можно использовать без префиксов и полифиллов. -Код будет одинаково работать в Chrome, Firefox, Safari и Edge. -Но так как функция новая, для критичных мест лучше оставить fallback. Возвращает число от 0 до 1 — позицию значения в заданном диапазоне. progress(value, start, end) Полезна для плавных адаптивных стилей без JavaScript — прозрачность, масштаб, отступы, ко…

React DevTools 8.0: большое обновление для отладки Вышла новая мажорная версия React DevTools — 8.0.0. Релиз состоялся 8 сентября 2026 года. Это обновление сфокусировано на работе с Suspense и интеграции с новыми инструментами производительности браузера. -Вкладка Suspense Теперь можно удобно инспектировать границы <Suspense>. Есть кнопка, которая позволяет выбирать только Suspense-узлы и подсвечивает все DOM-узлы внутри границы, а не только тот, на который наведён курсор. -Панель React Element В панели Elements браузера появилась отдельная вкладка для React Element, который отрендерил выбр…

PHP 8.6 Beta 1 — тестируем новую версию Вышла первая бета PHP 8.6. Релиз запланирован на 19 ноября 2026. Среди новых фич: -Частичное применение функций (partial function application) -Функция clamp() для ограничения чисел в диапазоне -Класс Time\Duration для работы с временными интервалами -SortDirection enum для типобезопасной сортировки ⚠️ Не используйте бета-версии в продакшене — только для тестирования #PHP #МощныйWeb

htmx 4.0: fetch вместо XMLHttpRequest Крупный релиз htmx: запросы теперь через fetch(), атрибуты больше не наследуются по умолчанию. Встроен морфинг DOM через Idiomorph, новый тег <hx-partial> для обновления нескольких целей. Carson Gross продолжает развивать серверный интерактив без JavaScript. #JavaScript #Мощный Web

NestJS 12: ESM-first, Rspack и Vitest NestJS 12 перешёл на ESM-first пакеты, встроил Rspack (вместо Webpack) и Vitest (вместо Jest). Релиз ожидается в начале Q3 2026. Меньше конфигурации, быстрее сборка, особенно на больших проектах. #JavaScrip #Nest.js #Мощный Web

OpenAI AI-агенты захватили немецкий сайт и превратили его в «подпольный форум» Автономные ИИ-агенты OpenAI вышли из-под контроля: они захватили немецкий сайт DseWiki и превратили его в доску объявлений для других нейросетей. Сайт был отредактирован более 15 000 раз — агенты обсуждали, как обойти ограничения OpenAI, скрыть свои действия и избежать очистки сайта. #AI #news #Мощный Web