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

Измерение производительности JavaScript-функций. Феликс Гершау рассказывает, какие методы помогают замерять время выполнения функций и как производить замеры правильно, в переводе на Хабре — https://habr.com/p/495894/

Шпаргалка по БЭМ. Нильс Биндер собирает популярные в вёрстке компоненты и раскладывает элементы внутри них по БЭМ — https://9elements.com/bem-cheat-sheet/

Тип данных Maybe в JavaScript. Амин Наири объясняет один из приёмов в функциональном программировании и зачем он может пригодиться — https://dev.to/aminnairi/the-maybe-data-type-in-javascript-3bj8

Intersection Observer API. Гарри Хеман делится примерами использования на практике определения видимости элемента во вьюпорте — https://habr.com/p/494670/

Цвета LCH в CSS: что это и зачем? Лиа Веру на примерах объясняет, что даёт новое цветовое пространство и как конвертировать цвета между sRGB и LCH — http://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/

Как определить неактивную вкладку в браузере. Уильям Ли использует Page Visibility API для улучшения UX, когда пользователь уходит или возвращается на вкладку с приложением — https://alligator.io/js/page-visibility-api/

00:01:13 События
00:04:00 Safari 13.1 и формы в Chrome
00:16:56 Определившийся ES 2020
00:27:45 Как дизайнерам учить код
00:40:24 Генератор цветовой палитры
00:47:38 Git Flow устарел
00:55:30 Видеоплееры в вебе

Выпуск №224: Safari и Chrome, ES2020, дизайнеры и код, палитры, анимации, устаревший Git Flow и видеоплееры. В гостях Алексей Авдеев. Слушайте на Ютубе https://youtu.be/HAgDBXJ-81M, читайте на Медиуме https://medium.com/p/8f99bf6dc9dc

Почему пора перестать использовать JavaScript IIFE. Джон Ау-Юнг показывает, как современный JavaScript решает проблемы, которые раньше решали немедленно вызываемые функции, в переводе на Хабре — https://habr.com/p/494868/

Как сделать ссылку «Перейти к контенту». Пол Райан улучшает доступность сайта для пользователей клавиатуры и скринридеров — https://css-tricks.com/how-to-create-a-skip-to-content-link/

Логические свойства CSS. Энди Белл показывает, как работать с отступами от текста на мультиязычных сайтах — https://piccalil.li/tutorial/css-logical-properties/

Поток выполнения в JavaScript. Пол Райан визуально объясняет, как работает контекст выполнения и стек вызовов на простом примере — https://alligator.io/js/thread-of-execution/

ECMAScript 2020. Аксель Раушмайер с финальным списком новинок спецификации:

— String.prototype.matchAll
— import()
— import.meta
— BigInt
— Promise.allSettled
— globalThis
— for-in
— Optional chaining
— Nullish coalescing
— export * as ns from "mod"

https://2ality.com/2019/12/ecmascript-2020.html

Интерактивная SVG-диаграмма. Саша Смыгина пошагово собирает злободневный интерактивный пай-чарт: ручной SVG и stroke-dasharray, немного математики и JS.

Подробности https://htmlacademy.ru/blog/boost/frontend/svg-chart
Демо на CodePen https://codepen.io/sasha-sm/pen/WNvKNmR

Как дизайнерам учить код? Пол Ханаока помогает разобраться с самым важным:

Часть 1: Терминал и текстовые редакторы https://www.smashingmagazine.com/2020/03/designers-code-terminal-text-editors-part-1/
Часть 2: Git, HTML, CSS и инеженерные принципы https://www.smashingmagazine.com/2020/03/designers-code-git-hmtl-css-engineering-principles/

Улучшаем цифровые стайлгайды для доступности: шрифты, цвета, картинки. 40-минутный курс Татьяны Мак для дизайнеров и верстальщиков — https://youtu.be/tvpstrkDgeM

Размещение текста по заданной траектории с помощью CSS. Мишель Баркер экспериментирует с CSS Motion Path и анимациями, в переводе Дмитрия Гордиенко — http://odinokun.com/2020-03-31-razmeshenie-teksta-po-zadannoj-traektorii-s-pomoshyu-css.html

Почему цикл for…of в JavaScript — золото. Дмитрий Павлутин разбирает особенности итерации в различных типах данных — https://dmitripavlutin.com/javascript-for-of/