Веб-стандарты. Страница 11

Публикация и использование ES-модулей через пакеты. Аксель Раушмайер объясняет, как поставлять и использовать пакеты с помощью спецификаторов модулей в Node.js, Deno и браузерах. https://2ality.com/2022/01/esm-specifiers.html

Самые любимые из 2021. Топ-100 демок с сервиса Codepen, которые получили наибольшее количество лайков в 2021 году. https://codepen.io/2021/popular/pens/

Минорное обновление библиотеки mini-css-extract-plugin до версии 2.5.0 привело к поломке множества приложений. В том числе затронут Create React App. Временное решение — откатить библиотеку на версию 2.4.5. www.bleepingcomputer.com/news/se…-the-fix

00:01:04 События 00:02:35 Firefox 96 00:12:31 Лисичка, не кашляй 00:18:16 State of JS 00:22:08 Утечка из опроса 00:27:12 Вариативные шрифты и Figma 00:35:37 CSS Tools 00:42:40 Топ CodePen 00:50:45 CSS-парсер на Rust 00:57:02 Eleventy 1.0 01:07:31 Metho?

Веб-стандарты - 317. Firefox 96, State of JS, Figma, CSS Tools, CodePen, CSS-парсер…

audio/mpeg3

Выпуск №317: Никита Дубко, Андрей Мелихов, Юля Миоцен, Вадим Макеев про Firefox 96, State of JS, вариативные шрифты и Figma, CSS Tools, CodePen, CSS-парсер на Rust, Eleventy 1.0 и Metho. Слушайте на Ютубе https://youtu.be/bTUsv5X_hYk Ссылки на сайте https://web-standards.ru/podcast/317/ Обложка на CSS codepen.io/miocene…71c74bbe

Новинки Firefox 96: поддержка CSS-свойства color-scheme для элементов, значение reversed() свойства counter-reset для обратных CSS-счётчиков, поддержка Web Locks API, экспорт содержимого канваса в формате WebP и другие. developer.mozilla.org/en-US/d…eases/96

Булевые атрибуты в HTML и ARIA. Хидде де Врис сравнивает, как обрабатываются значения true и false в HTML и ARIA, и объясняет разницу. hiddedevries.nl/en/blog…fference

Стартовал опрос State of JavaScript 2021, который поможет разобраться в интересах, предпочтениях, инструментах и самом устройстве JS-сообщества. app.stateofjs.com/survey/…-js/2021

Коробка-переключатель на чистом CSS. Джей Томпкинс создаёт настраиваемую 3D-анимацию упаковки и распаковки картонной коробки по клику. css-tricks.com/how-to-…e-toggle

Место для таблиц. Мартин Дауден показывает, когда полезно использовать таблицы в вёрстке и как сделать их доступными и адаптивными. andromedagalactic.com/blog/ta…ir-place

Добавление Vite в веб-приложение. Адам Ракис показывает, как мигрировать существующий Webpack-проект на сборку при помощи Vite. css-tricks.com/adding-…-web-app

Красивые градиенты. Джош Камю объясняет, как браузеры работают с линейными градиентами в различных цветовых пространствах, и делится генератором градиентов, который добавляет промежуточные точки для эмуляции неподдерживаемых браузером пространств. www.joshwcomeau.com/css/mak…radients

Попап вместо селекта. Вадим Макеев показывает, как в будущем решится проблема стилизации нативного селекта. https://youtu.be/mG0VFWCTnZI

Новинки Chrome 97 в обзоре Пита Лепажа: Web Transport API для клиент-серверной коммуникации, метод HTMLScriptElement.supports для определения возможностей браузера, методы findLast() и findLastIndex() и другие. Видео https://youtu.be/eXaog4gUIXI Текст developer.chrome.com/blog/ne…hrome-97

00:01:50 События 00:04:31 Chrome 97 00:14:34 Chrome DevTools 00:25:35 Faker.js 00:38:17 Crypto Mozilla 00:49:41 Дизайн-токены

Веб-стандарты - 316. Новинки Chrome 97 и DevTools, Faker.js и опенсорс, Crypto Mozilla…

audio/mpeg3

Выпуск №316: Никита Дубко, Андрей Мелихов, Юля Миоцен, Вадим Макеев про новинки Chrome 97 и DevTools, Faker.js и опенсорс, Crypto Mozilla и стандарт дизайн-токенов. Слушайте на Ютубе https://youtu.be/qnbWOimDsrU Ссылки на сайте https://web-standards.ru/podcast/316/

Пришло ли время для JavaScript Temporal API? Крэйг Баклер показывает, как работать с новым Temporal API, который избавит от многих сложностей при работе с Date() в JS. blog.openreplay.com/is-it-t…oral-api

Новинки Chrome DevTools 97. Еселин Йен в переводе Алёны Батицкой про обновления: новая вкладка Recorder, обновлённый список устройств в Device Mode, автодополнение при редактировании HTML, синхронизация настроек DevTools между устройствами и другие. developer.chrome.com/ru/blog…tools-97