Группировка массивов в JavaScript. Дмитрий Павлутин объясняет принципы работы новых методов array.groupBy() и array.groupByToMap() из предложения в ECMAScript по группировке массивов.

https://dmitripavlutin.com/javascript-array-group/

Новогодний выпуск №315: Андрей Мелихов, Вадим Макеев, Никита Дубко про то, как прошёл год: подкаст и другие проекты, фронтенд, JS, бэк и тулинг, один вопрос, чат и личное.

Смотрите на Ютубе https://youtu.be/t7Vrmaa57Oc
Ссылки на сайте https://web-standards.ru/podcast/315/

00:02:30 Подкаст
00:20:32 Проекты
00:36:02 Фронтенд
00:52:40 JavaScript
01:02:45 Бэк и тулинг
01:13:10 Вопрос
01:25:48 Личное

Консистентное и плавное масштабирование типографики и отступов. Энди Белл использует CSS-функцию clamp() для создания адаптивных кастомных свойств для font-size.

https://css-tricks.com/consistent-fluidly-scaling-type-and-spacing/

Простой туду-лист. Владимир Шнайдер делится демкой приложения, которое использует localStorage для хранения данных.

https://dev.to/vladimirschneider/simple-to-do-list-using-localstorage-29on

Как создать браузерное расширение. Ларс Кёлькер пошагово показывает, как собрать расширение, которое будет работать в разных браузерах.

https://css-tricks.com/how-to-create-a-browser-extension/

8 видео с фронтенд-секции конференции YaTalks 2021: дискуссии про образование, опенсорс, документацию и ностальгию; доклады про аутентификацию, UI-библиотеки, доступность; запись подкаста «Веб-стандарты».

https://youtube.com/playlist?list=PLKaafC45L_SSj9alzlF_saWXX-4GpjXRD

Доступная структура заголовков. Риан Ритвельд показывает лучшие практики и распространённые ошибки при создании HTML-заголовков.

https://www.a11yproject.com/posts/how-to-accessible-heading-structure/

У библиотеки Preact появилось короткое руководство из десяти частей с интерактивными песочницами и заданиями. Руководство фокусируется на том, как быстро начать использовать Preact, но также касается принципов работы библиотеки.

https://preactjs.com/tutorial/

Восходящие звёзды JavaScript 2021. Ежегодный обзор JS-проектов из списка Best of JS, основанный на сравнении количества звёзд на GitHub за последние 12 месяцев.

https://risingstars.js.org/2021/en

Цветные градиентные шрифты в формате COLRv1 появятся в Chrome 98. Новый улучшенный формат поддерживает градиенты, компоновку и смешивание, а также лучше реиспользует фигуры, что сильно уменьшает размер файлов, например, шрифтов для эмоджи.

https://developer.chrome.com/blog/colrv1-fonts/

JavaScript для нетерпеливых программистов. Аксель Раушмайер делится новым изданием своей книги, в которой он рассказывает про важные фичи языка, включая возможности из ES2022. Доступна бесплатная онлайн-версия.

https://exploringjs.com/impatient-js/

Metho. Джон Ранди объясняет, как расширять нативные типы JavaScript, добавляя новые методы в виде динамических свойств любому объекту.

https://dev.to/jonrandy/introducing-metho-safely-adding-superpowers-to-js-1lj

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

https://developer.chrome.com/ru/blog/new-in-devtools-97/

Пришло ли время для JavaScript Temporal API? Крэйг Баклер показывает, как работать с новым Temporal API, который избавит от многих сложностей при работе с Date() в JS.

https://blog.openreplay.com/is-it-time-for-the-javascript-temporal-api

Выпуск №316: Никита Дубко, Андрей Мелихов, Юля Миоцен, Вадим Макеев про новинки Chrome 97 и DevTools, Faker.js и опенсорс, Crypto Mozilla и стандарт дизайн-токенов.

Слушайте на Ютубе https://youtu.be/qnbWOimDsrU
Ссылки на сайте https://web-standards.ru/podcast/316/

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 Дизайн-токены

Новинки Chrome 97 в обзоре Пита Лепажа: Web Transport API для клиент-серверной коммуникации, метод HTMLScriptElement.supports для определения возможностей браузера, методы findLast() и findLastIndex() и другие.

Видео https://youtu.be/eXaog4gUIXI
Текст https://developer.chrome.com/blog/new-in-chrome-97/

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

https://youtu.be/mG0VFWCTnZI

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

https://www.joshwcomeau.com/css/make-beautiful-gradients/