Как HTML меняется в ePub. Робин Уиттлтон объясняет, что ePub основан на веб-стандартах, но использует их необычно. В его основе XHTML с жёсткими XML-правилами, пространствами имён и ePub-атрибутами. CSS остаётся знакомым, но ограничен старыми движками и слабой поддержкой современных возможностей. Тулкит Standard Ebooks — хороший старт, если вы хотите создать свою электронную книгу. #html #epub

https://htmhell.dev/adventcalendar/2025/11/

Выпуск №505. Вадим Макеев, Алексей Симоненко и Полина Гуртовая про Safari 26.2, Firefox 146, CSS Wrapped 2025, scroll-анимации, диалоги и голосование за фичи.

— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте

00:01:38 Релиз Safari 26.2
00:35:10 Новинки Firefox 146
00:57:37 CSS Wrapped 2025
01:06:31 Scroll-triggered анимации
01:21:45 Свесить кнопку в диалоге
01:26:33 Голосование за фичи
01:38:27 Ответы на вопросы

Новинки WebKit для Safari 26.2. Шестьдесят две новые фичи и 165 исправлений, упрощающих веб-разработку. Джен Симмонс и команда WebKit представили CSS field-sizing для авто-увеличения полей, новые HTML-атрибуты command, Navigation API для SPA, поддержку CHIPS, улучшенный рендеринг текста и многое другое. #safari #webkit

https://webkit.org/blog/17640/webkit-features-for-safari-26-2/

Ускорение загрузки CSS с помощью словарей сжатия. Йоав Вайс объясняет, как использование словарей сжатия делает загрузку CSS почти мгновенной, сочетая подходы critical и full CSS. Метод снижает трафик и ускоряет переходы между страницами. Поддерживается в Chromium, но совместимо и со старыми браузерами. #performance #css

https://calendar.perfplanet.com/2025/how-to-load-css-fast/

Результаты State of HTML 2025. Опрос под руководством Саши Грифа и при авторстве Лии Веру показал, что разработчики по-прежнему ценят практичные UI-элементы, вроде форм, диалогов и выпадающих меню, выше модных технологий вроде AI и 3D. Основные проблемы — кастомизация и стилизация, хотя поддержка браузеров растёт. #html #survey

https://2025.stateofhtml.com/

Анимированные диалоги с View Transition. Томас Гюнтер показывает, как объединить <dialog> и View Transition API для создания плавных анимаций при открытии и закрытии диалогов. Метод использует document.startViewTransition(), showModal() и close() с общим view-transition-name. Решение работает во всех основных браузерах, не хватает только closedby в Safari. #dialog #css

https://medienbaecker.com/articles/dialog-view-transitions

IDREF: что это такое и как их использовать. Килиан Валкхоф объясняет, как атрибуты for, form и list создают связи между HTML-элементами, а ARIA IDREF повышают доступность, связывая подписи и элементы. Он подчёркивает важность уникальных ID и тестирования в разных браузерах и инструментах доступности. #html #a11y

https://htmhell.dev/adventcalendar/2025/5/

Как небольшая команда внутри Facebook создавала React. Перевод документального фильма Honeypot с историей появления популярной библиотеки. Историю рассказывает звёздный состав разработчиков: Том Оккино, Кристофер Шедо, Пит Хант, Себастьян Маркбог, Дэн Абрамов и многие другие. #react #video

https://youtu.be/Vg7zOr4srrs

Представляем CSS grid lanes. Команда WebKit рассказывает о следующем большом шаге в раскладках для веба: CSS grid lanes добавляет раскладку в стиле masonry в CSS. Первая реализация уже доступна в Safari Technology Preview 234 и позволяет создавать гибкие и доступные раскладки контента и интерфейсов без JavaScript, используя новое свойство item-tolerance и все возможности CSS-гридов. #css #layout

https://webkit.org/blog/17660/introducing-css-grid-lanes/

Выпуск №506. Алексей Симоненко, Вадим Макеев и Никита Дубко про результаты State of HTML, Grid Lanes вместо Masonry, интернет глазами Cloudflare и View Transition для диалогов.

— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте

00:01:15 Результаты State of HTML
01:00:00 Grid Lanes вместо Masonry
01:17:00 Интернет глазами Cloudflare
01:39:48 View Transition для диалогов
01:52:42 Ответы на вопросы

Стили, которые зависят от направления прокрутки со scroll-state(scrolled). Юна Кравец о новой функции scroll-state() для выражений от контейнера в Chrome 144. Она позволит применять стили шапки, тулбаров и других элементов в зависимости от направления прокрутки без JS и прогрессивно улучшать интерфейсы со статическим фолбеком. #css #scroll

https://una.im/scroll-state-scrolled

Улучшение перфоманса с URL-параметрами. Барри Поллард объясняет, как ненужные параметры, такие как UTM-метки, создают дубликаты страниц и мешают кэшированию. Новый HTTP-заголовок No-Vary-Search позволяет указывать, какие параметры можно игнорировать, улучшая производительность и снижая нагрузку на сервер. Поддержка пока есть только в Chrome 141. #performance #http

https://calendar.perfplanet.com/2025/fixing-the-url-params-performance-penalty/

Как свесить кнопку закрытия из диалога. Дарин Сеннеф показывает, что с помощью CSS Anchor Positioning можно легко свесить кнопку из диалога без сложных трюков с overflow и обёртками. Это решение проще, доступнее и требует лишь мелкой доработки с прокруткой. #css #dialog

https://www.darins.page/articles/close-button-hang-dialog

URL как состояние. Ахмад Альфи объясняет, как URL-адреса могут выступать мощными хранилищами состояния для веб-приложений, сохраняя настройки, контекст и намерения пользователя без баз данных или куков. Грамотный дизайн URL делает интерфейс предсказуемым и удобным, ведь URL — это первая и самая элегантная форма управления состоянием в вебе. #url #router

https://alfy.blog/2025/10/31/your-url-is-your-state.html

Новогодний выпуск №507. Никита, Вадим, Андрей, Полина и Алексей про конференции, путешествия, музыку, книги, спорт, кино, технику, белок и еду в 2025 году.

— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте

00:02:02 Конференции и митапы
00:29:57 Путешествия
00:43:06 Музыка и концерты
01:01:55 Книги и чтение
01:19:05 Спорт и походы
01:30:39 Кино и сериалы
01:49:48 Техника и гаджеты
02:09:45 Животные и белки
02:14:15 Еда и готовка

Выпуск №508. Полина Гуртовая и Никита Дубко про Chrome DevTools MCP, LLM для отладки перформанса, инспектор RSC, программирование на типах и 30 лет веба.

— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте

00:01:30 Chrome DevTools MCP в агенте
00:12:47 LLM для отладки перформанса
00:34:12 Инспектор RSC
00:47:36 Программирование на типах
01:02:12 30 лет веба