CSS научил анимации стартовать по скроллу

В CSS Animation Triggers появился animation-trigger, который запускает обычную анимацию, когда элемент входит в нужный диапазон прокрутки. Chromium уже поддерживает это в версии 146 и новее, а для старых браузеров нужен запасной вариант с JavaScript или IntersectionObserver.

https://utilitybend.com/blog/scroll-triggered-animation-as-the-missing-piece-for-scrollytelling-on-the-web

Как проверить обработчик postMessage в iframe

postMessage в iframe позволяет виджету и родительской странице обмениваться данными, но без проверок любое окно может отправить сообщение. Для resize-обработчика нужно сверять event.origin и event.source, а затем ограничивать формат и диапазон данных.

https://blog.master.dev/testing-an-iframes-postmessage-handler/

Tamagui 3 добавил Tailwind-подобные пропсы

Tamagui 3 — система стилей и набор компонентов для React и React Native. В ее новой версии появились Tailwind-подобные пропсы и поддержка React Strict DOM.

Поддержка React Strict DOM пока важна для тех, кто собирает общий интерфейс для веба и нативных приложений, потому что она помогает держать один код без лишних обходных решений.

https://tamagui.dev/blog/version-three

Конвертер кривых CSS и Spine 4.2

Riggy переводит CSS cubic-bezier и пресеты ease в массив curve для таймлайна Spine 4.2 и обратно. Кривая привязывается к первой из двух ключевых точек, а на последнем ключе она игнорируется.

https://riggyapp.com/tools/spine-bezier-curve

Визуализатор design tokens показывает связи с компонентами

Интерактивный визуализатор design tokens помогает смотреть, как токены связаны с компонентами и друг с другом в дизайн системе. В нём уже загружены Carbon, SLDS и Stellar, а свои системы можно добавить отдельно.

По компонентам и токенам можно переходить кликами, а поиск быстро находит нужный токен и показывает, где он используется.

https://design-tokens-visualizer.vercel.app/

Угадайте HTTP-статус по бытовой ситуации

Квиз по HTTP-статусам переводит 12 кодов в бытовые сцены и помогает не путать 401, 403, 429, 503 и 504. Для 429 клиенту стоит читать Retry-After, а при 413 и 304 проверьте лимиты загрузки и версионирование больших ответов.

https://habr.com/ru/articles/1097542/

Chrome 157 добавил новые CSS-возможности

Chrome 157 в бете принес corner shorthand, значение <string> для text-overflow и поддержку anchor-valid. Chrome 156 уже вышел в стабильной версии с random(), а unload больше не срабатывает по умолчанию, поэтому используйте pagehide или visibilitychange.

https://chromestatus.com/release-notes/157

ИИ-агенты научились рисовать схемы вместо простыней

Появился blueprint4llm, open-source тулза для превращения plan.md в HTML или PDF с Wiremark-скетчами и Mermaid-диаграммами. Встроенный предпросмотр пересобирает документ при сохранении, но поддержка Wiremark и Mermaid в редакторах и вьюверах остаётся не везде.

https://habr.com/ru/articles/1096958/

Levelrail замена Vercel и Heroku для своих серверов

Levelrail — open source PaaS для self-hosted деплоя, который разворачивает приложения на Linux-сервере без Kubernetes. Он даёт HTTPS, логи, метрики и откат в один клик, а установка идёт одним Go бинарником.
На сервере нужен root и systemd, а при отсутствии Docker установщик поставит его сам.

https://github.com/glincker/levelrail

WebP наконец стало удобно использовать

WebP перестал быть экзотикой: поддержка дошла до всех основных браузеров, а в Pixelmator Pro с ним теперь удобно работать. Формат часто даёт меньший размер, чем JPEG и PNG при том же качестве, но в Photoshop его по-прежнему нельзя нормально сохранить через Save for Web и Export As.

https://anderegg.ca/2026/10/08/i-guess-im-using-webp-now

Вышел Bootstrap 6 Alpha

Вышла первая alpha-версия Bootstrap 6, где дизайн-система переведена на Sass modules, ESM-only JavaScript и новые CSS-возможности. Для v6 нужен Chrome и Edge 130, Firefox 132 или Safari 18, а старый Bootstrap 5 остаётся доступен и поддерживается.

https://blog.getbootstrap.com/2026/10/08/bootstrap-6-alpha/