Веб-компоненты в реальном мире. Борис Сердюк с введением в технологии веб-компонентов, про их практическую пользу, недостатки и совместимость с экосистемой — https://habr.com/p/443032/
Size: a a a
2019 March 11
Вложенные CSS-селекторы: CSSWG одобрила черновик Таба Аткинса, который реализует в CSS новый синтаксис с & и директиву @nest для записи селекторов, уже доступные в препроцессорах. Пока речь не идёт о склеивании классов из частей, только о вложенности — https://drafts.csswg.org/css-nesting-1/
Гибкий прелоадер с использованием единиц измерения em. Стас Мельников разбирает реализацию с @keyframes на Хабре — https://habr.com/ru/post/443292/
2019 March 12
Всё, что нужно знать про ARIA Live Regions. Татьяна Фокина о том, как сделать изменение контента доступным для скринридеров с помощью интерактивных областей и ARIA-атрибутов — https://medium.com/p/713f6a7813d3
Звёздный рейтинг. Вадим Макеев разбирает доступную вёрстку рейтинга с помощью радиокнопок, SVG-графики и без JS, совместимость до IE11: видео https://youtu.be/EbajTYI-gg8 и код https://glitch.com/edit/#!/16-pepelsbey
Первая партия мест на WSD в Москве 13 апреля. В программе первые доклады: «Адвокат Flash» Всеволода Шмырова, «Найди 10 отличий» Людмилы Мжачих и «Почему не надо становиться руководителем» Андрея Смирнова — https://wsd.events/2019/04/13/
2019 March 13
Почему бы нам не подключать отдельные сборки JS-кода для разных браузеров так же, как мы подключаем картинки? Идея Матиаса Байненса на JS Kongress: <script srcset="2018.mjs 2018, 2019.mjs 2019" src="legacy.js"> — https://twitter.com/bmeurer/status/1105434131889041408
Новиники Chrome 73 в обзоре Пита Лепажа: десктопные PWA на macOS, Signed HTTP Exchanges, Constructable Style Sheets и другое: статья https://developers.google.com/web/updates/2019/03/nic73 или видео https://youtu.be/ksWDVurubwE
Пропорциональные единицы измерения. Рейчел Эндрю про создание в CSSWG новой единицы изменерия aspect-ratio (пока нет в браузерах) и о принципах её работы — https://www.smashingmagazine.com/2019/03/aspect-ratio-unit-css/
Новинки React Native 0.59: обновлённый 64-битный JavaScriptCore на Android, хуки, ленивое подключение ресурсов, улучшения в CLI, разделение кода на отдельные библиотеки (Lean Core) и другое — https://facebook.github.io/react-native/blog/2019/03/12/releasing-react-native-059
KV Storage, первый встроенный в Chrome JS-модуль, заменяющий синхронный localStorage на асинхронную альтернативу поверх IndexedDB. Подробности и новые карты импортов для полифилов https://developers.google.com/web/updates/2019/03/kv-storage Модуль станет частью будущей стандартной библиотеки https://github.com/tc39/proposal-javascript-standard-library
Accessibility Insights. Инструмент для тестирования доступности интерфейсов от Microsoft в виде расширения для Chrome или приложение для Windows — https://accessibilityinsights.io/
(Непростое) удаление объектов-дубликатов из массива. Ире Адеринокун объясняет, почему это не так просто, как в плоском массиве, и предлагает своё решение — https://bitsofco.de/removing-duplicate-objects-from-an-array-is-hard/
2019 March 14
Подробнее об идее Матиаса Байненса подключать JS-бандлы по годам с помощью атрибута srcset: формальное предложение в WHATWG https://github.com/whatwg/html/issues/4432 и подробный документ с описанием идеи https://docs.google.com/document/d/1kOLu53dYzwElJZ6JBgMR137-Rdj8cDc_rX2YkPFYUsY/edit
2019 March 18
Выпуск №165: Chrome 73, React Native 0.59, CSS Nesting, KV Storage, ARIA Live Regions, веб-компоненты, условные ES-модули и Андрей Мелихов в гостях. Ссылки на Медиуме https://medium.com/p/42323bfcf1e8 или на Ютубе https://youtu.be/pc97X6jaj7E
Вторая партия мест на WSD в Москве 13 апреля и три новых доклада в программе: «Современные возможности отладки» Александра Ковтуна, «Тёмная сторона веба» Никиты Дубко и «Семь будущих чудес CSS» Сэма Булатова — https://wsd.events/2019/04/13/
Режим Lite Pages в Chrome (развитие Data Saver для оптимизации загрузки страниц) добавляет новые интервенции для 2G-соединений: картинки, скрипты, кэш. Анонс в официальном блоге https://blog.chromium.org/2019/03/chrome-lite-pages-for-faster-leaner.html и подробный разбор в блоге Тима Кадлека https://timkadlec.com/remembers/2019-03-14-making-sense-of-chrome-lite-pages/
Что такое доступность? Вводная статья раздела «Доступность» на MDN теперь в переводе Вероники Новиковой — https://developer.mozilla.org/ru/docs/Learn/Accessibility/What_is_accessibility
Официальный перевод документации React на русский язык, в числе первых пяти языков — https://ru.reactjs.org/ В процессе перевода: немецкий, иврит, корейский, польский, турецкий, украинский и китайский.