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

Стоимость JS-компонента для CPU. Стоян Стефанов настраивает автоматическую проверку на ухудшение производительности компонентов для CPU и объясняет, почему это важно — https://calendar.perfplanet.com/2019/javascript-component-level-cpu-costs/

How To: GraphQL. Бесплатный учебник по GraphQL: от основ до построения полноценного приложения с клиентской и серверной частями — https://www.howtographql.com/

Используем сабгриды для создания в контенте блоков на всю ширину страницы. Брайан Робинсон собирает демо с фолбеком для браузеров, не поддерживающих сабгриды, то есть для всех, кроме Firefox Nightly — https://bryanlrobinson.com/blog/use-css-subgrid-laying-out-full-width-article-stripes/

SVG или Canvas? Крис Койер разбирается, когда какую технологию уместно применять для вывода изображений, в переводе на Хабре — https://habr.com/p/476292/

Зачем в JavaScript нужен строгий режим? Джон Ау-Юнг объясняет, что меняется при наличии конструкции 'use strict' в коде, в переводе на Хабре — https://habr.com/p/477284/

Открылся опрос о состоянии JavaScript в 2019 году. Поделитесь своим опытом и расскажите об интересах и предпочтениях в разработке — https://stateofjs.com/

CSS Definition Syntax. Видео доклада Романа Дворнова про язык для описания синтаксиса CSS и то, как он помогает автоматизировать работу со стилями — https://youtu.be/8kjE1n6mQ2s

Проигрываем звуки при помощи CSS. Альваро Монторо делится приёмом, который позволяет проигрывать аудиофайлы по изменению псевдоклассов интерактивных элементов — https://css-tricks.com/playing-sounds-with-css/

Что мы узнали про скорость страниц? Брайан Дин поделился результатами исследования более 5 миллионов страниц о факторах, влияющих на скорость загрузки — https://backlinko.com/page-speed-stats

Знакомьтесь, <details>. Алекс Козак из элементов <details> и <summary> собирает аккордеон, модальное окно, выпадающие списки и другие компоненты со скрытым содержимым — https://habr.com/p/477520/

Публикуем npm-пакеты при помощи Github Actions. Роб Ларсен настраивает автоматическую публикацию в npm новых релизов HTML5 Boilerplate — https://htmlcssjavascript.com/web/using-github-actions-to-publish-the-html5-boilerplate-npm-package/

Как вы удаляете неиспользуемый CSS с сайта? Крис Койер с обзором автоматических инструментов, отделяющих используемые стили от неиспользуемых — https://css-tricks.com/how-do-you-remove-unused-css-from-a-site/

Deno: время Node.js уходит? Евгений Бондаренко разбирается в причинах появления альтернативы Node.js от его же создателя и в том, готов ли Deno для использования в продакшене — https://habr.com/p/476972/

Масштабируем SVG-элементы. Амелия Уоттенбергер на сравнении <svg> с телескопом объясняет поведение атрибута viewBox — https://wattenberger.com/guide/scaling-svg

Финальная программа Web Standards Days в Минске 7 декабря: ценные теги, быстрые интерфейсы, новые профессии, компьютерные науки, правильные шрифты, неквадратный веб, интерфейсы в ожидании данных и статические сайты — https://wsd.events/2019/12/07/

00:00:24 События
00:05:51 Исправление в Safari TP
00:11:37 Будущее сервис-воркеров
00:29:22 Node.js с ES-модулями
00:32:02 Async === Promise
00:33:44 Optional Chaining
00:41:05 Кастомные CSS-свойства

Выпуск №205: Исправление в Safari TP, будущее сервис-воркеров, Node.js с ES-модулями, Async === Promise, Optional Chaining, кастомные CSS-свойства. Ссылки на Медиуме https://medium.com/p/61e1e0462a54 или на Ютубе https://youtu.be/JFhJn8MU93Q

Каскадная инвалидация кэша. Филип Уолтон предлагает техники обновления иерархии клиентских модулей приложения без полной перезагрузки всего бандла — https://philipwalton.com/articles/cascading-cache-invalidation/