14702
Новости фронтенда в еженедельном подкасте сообщества веб-разработчиков. Поддержите нас! Патреон https://www.patreon.com/webstandards_ru Бусти https://boosty.to/webstandards_ru
Основы выравнивания в CSS. Темани Афиф с самым полным руководством по выравниванию элементов в разных типах раскладок: от флексов и гридов до позиционирования. Пришло время разобраться, где align, а где justify, где content, а где item, как работают логические направления, размеры и margin: auto. #css
https://css-tip.com/explore/alignment/
Baseline в Browserlist. Свежий релиз Browserlist 4.26.0 теперь позволяет настроить браузерную поддержку в терминах Baseline, например "baseline widely available", "baseline newly available", а также более консервативый "baseline 2024" и раньше. #baseline #tools
https://browsersl.ist/#:~:text=select%20browser%20by%20baseline
00:01:22 Ежедневные новости
00:03:57 Бэкенд для JS-инструментов
00:23:41 Liquid Glass на SVG
00:46:46 Каскадные слои
01:01:40 Гайд по выравниванию
01:16:30 Все кейсы веба
01:29:44 Ответы на вопросы
Уход за садом зависимостей. Том МакРайт призывает относиться к зависимостям как к части продукта — регулярно обновлять, удалять неиспользуемые и следить за безопасностью. Примеры из опыта проекта Val Town. #npm #js
https://blog.val.town/gardening-dependencies
Новые девять модулей в Learn CSS. Рейчел Эндрю анонсировала обновление курса по CSS на web.dev, включая новые модули по CSS-нестингу, container queries, anchor positioning, popover, dialog и другие. #css
https://web.dev/blog/learn-css-refresh
00:01:22 Заявки на Interop 2026
00:15:20 API для агентов WebMCP
00:37:44 Rspack 1.5 и Rust кругом
00:55:23 Неточные таймеры
01:14:23 Chrome 17 лет
00:01:48 JSON.stringify в V8
00:20:58 Введение в Anchor Positioning
00:48:15 Опыт TypeScript в Node.js
01:07:31 Беззубый radial-gradient()
01:27:03 SVG-кривые руками
01:39:25 Сторонние агенты в Zed
00:01:22 Firefox 142
00:17:41 Веб-аппы в Firefox
00:33:39 CSS random()
00:53:39 Решение по masonry
01:03:46 Неудобные ID
01:18:20 Просто шипь
00:00:59 Видео, гифки и картинки
00:29:20 Результаты State of CSS
01:17:23 Ускорение экосистемы npm
01:28:56 Недоступный чистый CSS
00:01:23 Проблемы с доменом
00:02:38 Chrome 139
00:32:21 Item-flow, часть 2
00:51:02 Tailwind и CSS снова друзья
01:09:43 TypeScript 5.9
01:19:56 XSLT пора уйти
01:37:18 Ответы на вопросы
00:00:52 TS без типов в Node.js
00:11:07 Инкрементальные шрифты
00:18:41 Все JS-рантаймы
00:50:59 DXT для MCP
01:06:16 Вайб-кодинг
00:01:15 Анонс State of HTML
00:04:32 MDN 20 лет
00:09:27 Safari TP 224
00:18:40 Animation-ranges
00:30:16 Firefox 141
00:52:28 React Router и RSC
00:02:05 Igalia и Interop
00:18:04 Браузеры без WebKit на iOS
00:46:14 Нативная DOM-шаблонизация
01:13:23 Десять лет Wasm
01:33:49 Плато перформанса
00:01:18 State of HTML и другие
00:07:36 Бета TypeScript 5.9
00:24:34 Clip-path руками
00:43:08 Cloudflare и AI-трафик
00:57:37 React больше не чемпион
00:01:08 Стилизация форм
00:31:20 Новости Vercel
00:44:00 Доступность в Европе
00:58:58 Эксперименты с заголовками
01:11:21 Оптимизация Wasm в V8
01:28:33 Сноски в вебе
Firefox 143 для разработчиков. Свежий релиз браузера поддержал все форматы цветов для <input type="color">, удобную стилизацию <details> с ::details-content, более тонкую настройку маркеров списка с ::before::marker, улучшения в расчётах гридов и другое. #firefox #browser
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/143
Возможности WebKit в Safari 26. CSS Anchor Positioning, scroll-driven анимации, HDR-изображения, новый элемент <model>, Digital Credentials API, WebGPU, SVG-фавиконки — всего 75 новых фич и 171 улучшение по сравнению с прошлым релизом, а также важные обновления в области приватности, безопасности, WebRTC, расширений и инструментов разработчика. #safari #browser
https://webkit.org/blog/17333/webkit-features-in-safari-26-0/
Выпуск №492. Алексей Симоненко и Вадим Макеев про бэкенд для JS-инструментов, Liquid Glass на SVG, каскадные слои, выравнивание и все кейсы веба.
— Слушайте на Ютубе
— Ссылки на сайте
Цветовые переходы в CSS. Джош Комо показывает, как добиться плавной анимации цветов без серых артефактов, используя hue-rotate() и кастомные свойства через @property на примере сердечка с конфетти. #css #animation
https://www.joshwcomeau.com/animation/color-shifting/
Эффект жидкого стекла в браузере: рефракция на CSS и SVG. Крис Фейхо экспериментирует с SVG-фильтрами, чтобы добиться противоречивого, но очень привлекательного эффекта из будущих версий iOS и macOS. #css #svg
https://kube.io/blog/liquid-glass-css-svg/
Выпуск №491. Никита Дубко, Алексей Симоненко, Андрей Мелихов про Interop 2026, WebMCP, Rspack 1.5 и Rust кругом, неточные таймеры и 17 лет Chrome.
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №490. Алексей Симоненко, Полина Гуртовая, Вадим Макеев про JSON.stringify, Anchor Positioning, TS в Node.js, radial-gradient, SVG-кривые и сторонние агенты в Zed.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №489. Никита Дубко и Алексей Симоненко про Firefox 142, веб-аппы в Firefox, CSS random(), решение по masonry, неудобные ID и как просто шипить.
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №488. Андрей Мелихов, Никита Дубко, Алексей Симоненко про видео, гифки и картинки, State of CSS, ускорение экосистемы npm и недоступный чистый CSS.
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №487. Вадим Макеев, Никита Дубко, Алексей Симоненко, Андрей Мелихов про Chrome 139, item-flow часть 2, новую дружбу Tailwind и CSS, TypeScript 5.9 и XSLT, которому пора уйти.
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №486. Алексей Симоненко, Андрей Мелихов, Полина Гуртовая про TypeScript без типов в Node.js, инкрементальные шрифты, JS-рантаймы, DXT для MCP и вайб-кодинг.
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №485. Вадим Макеев, Алексей Симоненко, Андрей Мелихов про анонс State of HTML, 20 лет MDN, Safari TP, animation-ranges, Firefox 141 и React Server Components в React Router.
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №484. Вадим Макеев, Андрей Мелихов, Никита Дубко про Igalia и Interop, браузеры без WebKit на iOS, DOM-шаблонизацию, 10 лет Wasm и плато перформанса.
— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №483. Никита Дубко и Полина Гуртовая про State of HTML и другие, бету TypeScript 5.9, clip-path, AI-трафик и React, который больше не чемпион.
— Слушайте на Ютубе
— Ссылки на сайте
Выпуск №482. Полина Гуртовая, Вадим Макеев, Никита Дубко про стилизацию форм, новости Vercel, доступность в Европе, эксперименты с заголовками, Wasm в V8 и сноски в вебе.
— Слушайте на Ютубе
— Ссылки на сайте