480. Border-shape, JSON-модули, доступные шутки, фокус в диалоге, анимация CSS-зума, JS ломает веб

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Полина Гуртовая, Вадим Макеев, Никита Дубко, Андрей Мелихов

Темы

00:00:00 Интро
00:01:35 CSS border-shape
00:16:38 JSON-модули
00:26:41 Доступные шутки
00:42:39 Фокус в диалоге
00:56:55 Анимация CSS-зума
01:08:00 JS опять сломал веб

CSS border-shape

• Intent to Prototype: CSS border-shape https://groups.google.com/a/chromium.org/g/blink-dev/c/FAgQ2UkHJSs/m/Q3Lc1fBYAAAJ
• Borders and Box Decorations L4 https://drafts.csswg.org/css-borders-4/#border-shape
• Border-shape explainer https://github.com/noamr/explainers/blob/main/border-shape-explainer.md

JSON-модули

• JSON module scripts are now Baseline Newly available https://web.dev/blog/json-imports-baseline-newly-available
• Using CSS Module Scripts to import stylesheets https://web.dev/articles/css-module-scripts
• Loading non-JS resources https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules#loading_non-javascript_resources

Доступные шутки

• Accessible Rickrolling https://heydonworks.com/article/accessible-rick-rolling/

Фокус в диалоге

• Where to Put Focus When Opening a Modal Dialog https://adrianroselli.com/2025/06/where-to-put-focus-when-opening-a-modal-dialog.html

Анимация CSS-зума

• Animating zooming using CSS: transform order is important… sometimes https://jakearchibald.com/2025/animating-zooming/

JS опять сломал веб

• JavaScript broke the web (and called it progress) https://www.jonoalderson.com/conjecture/javascript-broke-the-web-and-called-it-progress/

Ответы на вопросы

podcast@web-standards.ru mailto:podcast@web-standards.ru

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/