Гайд по 3D в CSS: perspective, preserve-3d и translateZ. Кармен Ансио показывает, как строить полноценные 3D-сцены: perspective, perspective-origin, preserve-3d, кубоиды и translateZ, rotateX/Y/Z, scale3d, matrix3d. Все шесть свойств — Baseline. #css #3d www.carmenansio.com/...

Liquid Glass 2.0 в CSS (месть Aqua). Джаред Уайт воссоздаёт обновлённый Liquid Aqua от Apple на чистом CSS: тёмные границы, вертикальные градиенты, @​property и ontouchstart для тача — не жертвуя читаемостью. #css #design thathtml.blog/2026/0...

Способы применения бесконечности в CSS. Адам Аргайл показывает, что умеют calc(infinity * 1px) и -infinity: круги и скругления, максимальный z-index, заморозка анимаций, clamp() без границ, булева логика и scroll-driven диапазоны. #css #animation nerdy.dev/css-infini...

Выпуск №538. Никита Дубко и Полина Гуртовая про новинки Chrome 151, релиз Safari 26.6, ACP v2, роутинг и случайную ссылку на CSS. Лайв на Ютубе youtu.be/NBgamod3D4Y Слушайте на Ютубе youtu.be/oV4UQ3Q0t9o Ссылки на сайте web-standards.ru/pod...

Шпаргалки по флексам, гридам, anchor positioning и invoker commands. Килиан Валкхоф делится четырьмя CSS-шпаргалками — сам забывал синтаксис anchor positioning и grid-area. Бесплатно в PDF и PNG формата A5, готового к печати. #css #learn polypane.app/blog/ch...

Безопасный способ выпустить npm-пакет в 2026 году. Андрей Ситник советует: доверенная и поэтапная публикация в npm, обязательная 2FA, экшены CI по SHA и трёхдневная выдержка обновлений зависимостей. #npm #security evilmartians.com/chr...

Новинки Chrome 151. Элемент <usermedia> управляет доступом к камере и микрофону, shadowrootslotassignment включает ручное назначение слотов в HTML, а метрики soft-navigation и interaction-contentful-paint измеряют отклик в SPA. #chrome #browser developer.chrome.com...

Новинки WebKit в Safari 26.6. Джен Симмонс разбирает новый параметр compileOptions для JS String Builtins в стриминговой компиляции WebAssembly, плюс восемь багфиксов в CSS, сети, service workers и WebRTC. #safari #wasm webkit.org/blog/1817...

Выпуск №537. Вадим Макеев, Полина Гуртовая, Лёша Красиков, Никита Дубко и Алексей Симоненко про новинки Firefox 153, Cross-Origin Storage API, тестирование перфоманса и взлёт Base UI. Лайв youtu.be/a-Gh5tJ9NMo Слушайте youtu.be/zXZLLgTOVEk Ссылки web-standards.ru/pod...

Cross-Origin Storage API: не скачиваем одно и то же дважды. Деннис Морелло разбирает предложенный стандарт: большие файлы хранятся по SHA-256-хешу, и разные источники делят один кеш вместо повторных загрузок. #performance #browser morello.dev/blog/cro...

Доступное модальное окно на нативном <dialog>. Агустин Барриентос использует showModal() для перехвата фокуса и закрытия по Escape, оборачивает всё в Lit-компонент и анимирует псевдоклассом :open и @​starting-style. #dialog #a11y agustinbarrientos.co...

Перестраиваем вёрстку таблицы FIFA на сабгридах. Ахмад Шадид пересобирает сетку чемпионата с чистым DOM: CSS-гриды задают дорожки, сабгриды дают вложенным матчам наследовать их, а отрицательные номера линий дают гибкость. #css #layout ishadeed.com/article...

Новинки Firefox 153 для разработчиков. Релиз добавляет методы Intl.Locale, import source для JS-модулей, getAllRecords() для IndexedDB, Picture-in-Picture для документов, WebAssembly с JS-промисами и экспериментальное свойство link-parameters для SVG. #firefox #browser developer.mozilla.or...

SVG-фильтры для текста. Кармен Ансио показывает, как примитивы SVG-фильтров воссоздают типографские эффекты: настоящая внешняя обводка, объём, свет на рельефе и искажение через турбулентность, золочёные буквицы, сдвиги и неон. #svg #typography www.carmenansio.com/...

Играем с text-fit. Крейн Хутмер исследует новое CSS-свойство text-fit. Оно масштабирует текст под контейнер: grow увеличивает, shrink уменьшает — либо всё вместе, либо каждую строчку отдельно. Пока только в Chrome 150. #css #typography krijnhoetmer.nl/log/...

Выпуск №536. Вадим Макеев и Алексей Симоненко про скилы для внедрения passkeys, как работает text-fit, нужны ли ещё сборщики и доступность как сопротивление. Лайв на Ютубе youtu.be/2-zH5ckqdic Слушайте на Ютубе youtu.be/HevkEDsmtmk Ссылки на сайте web-standards.ru/pod...

Нужны ли ещё инструменты сборки? Олли Уильямс разбирает фронтенд-инструменты в 2026 году. Современный CSS отменяет префиксы и Sass, но бандлинг и минификация полезны. В JS помогают предзагрузка модулей, разумные транспайлеры и типы через JSDoc. #tools #js olliewilliams.xyz/bl...

Вышел TypeScript 7.0. Дэниел Розенвассер представляет нативный порт на Go: полная сборка в 8–12 раз быстрее, параллельная компиляция, меньше памяти и стабильнее языковой сервер. Поддержка Vue, Astro и Angular ждёт стабильного API в 7.1. #js #tools devblogs.microsoft.c...

Shaders — дизайн-платформа для WebGPU-эффектов. Анимированные фоны, стекло, 3D-фигуры и текст — декларативные компоненты для React, Vue, Svelte и Solid, доступные в визуальном редакторе без кода шейдеров. #tools #animation https://shaders.com/

В защиту полифилов. Лия Веру спорит с мнением, что полифилы вредят вебу. Потребность в фолбеках никуда не денется, а настоящее решение — ускорить стандартизацию, а не запрещать полезный инструмент. #polyfill #tools lea.verou.me/blog/20...

State of Devs 2026. Саша Грейф и Devographics снова открыли опрос обо всём, что не связано с кодом: о здоровье, хобби, карьере, деньгах и сообществе. Опрос займёт около 15 минут и поможет составить более полную картину жизни разработчиков. #stateof #survey survey.devographics....

Выпуск №535. Никита Дубко, Вадим Макеев, Полина Гуртовая и Дэн Абрамов про State of Devs 2026, TypeScript 7.0 и AT Protocol. Лайв на Ютубе youtu.be/KguIbDWPIXM Слушайте на Ютубе youtu.be/IlsEP8hPPiY Ссылки на сайте web-standards.ru/pod...

Что нового в ECMAScript 2026. Павел Гжибек разбирает новую спецификацию: Array.fromAsync, Error.isError(), Math.sumPrecise, Uint8Array в Base64 и Hex, Iterator.concat(), доступ к исходнику в JSON.parse и Map.getOrInsert(). #ecmascript #js pawelgrzybek.com/wha...

Введение в anchor positioning в CSS. Джош Комо разбирает Anchor Positioning API для привязки тултипов и списков к целевому элементу, с position-try-fallbacks и контейнерными запросами для перестановки и переворота. #css #anchor www.joshwcomeau.com/...

Представляем Baseline Alerts. Джереми Вагнер рассказывает о системе уведомлений в Web Platform Status. Войдите через GitHub, чтобы получать оповещения по email, RSS или в Slack, когда веб-фичи становятся Newly или Widely available. #baseline #interop web.dev/blog/baselin...

Плавные переходы фона по времени суток с Temporal и CSS color-mix. Софи Кунин связывает время дня с четырьмя стадиями, а color-mix() плавно смешивает их цвета. Сдвиг анимируется через кастомные свойства, с полифилом для Safari. #temporal #color localghost.dev/blog/...

Идеальная высота кастомизируемого селекта. Джейк Арчибальд подбирает размеры пикера <select> через anchor positioning и calc-size(), чтобы он не касался краёв вьюпорта, не сжимался и не становился слишком высоким. #css #anchor jakearchibald.com/20...

Выпуск №534. Полина Гуртовая и Никита Дубко про новинки Chrome 150, элемент <usermedia>, подписку на Baseline, Safari MCP и Figma Config 2026. Лайв на Ютубе youtu.be/_ZGjPbJsBLc Слушайте на Ютубе youtu.be/GCmKdGRUQgI Ссылки на сайте web-standards.ru/pod...

Представлен MCP-сервер Safari для веб-разработчиков. Сарон Йитбарек рассказывает о Model Context Protocol сервере, который даёт ИИ-агентам доступ к DOM, сетевым запросам, скриншотам и консоли Safari через 16 локальных инструментов. #safari #ai webkit.org/blog/1813...

Новинки Chrome 150. Системные цвета AccentColor для установленных приложений, скругление углов в polygon(), анимируемый zoom, модификаторы url(), свойство text-fit, background-clip: border-area и методы прокрутки, возвращающие промисы. #chrome #browser developer.chrome.com...