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

Обработчики событий и сборка мусора. Джейк Арчибальд разбирается, течёт ли память, если прерывать запросы при помощи AbortController и обрабатывать при этом событие прерывания — https://jakearchibald.com/2020/events-and-gc/

Выпуск №234: Путь фронтендера на MDN, QuicTransport, кастомные свойства, Houdini, GC, записи и кортежи в ES. Слушайте на Ютубе https://youtu.be/mAG4-prTFOw, читайте на Медиуме https://medium.com/p/3efa592ffbd5

00:02:11 Путь фронтендера на MDN
00:07:08 Меню из иконки приложения
00:11:05 QuicTransport API
00:16:19 Намерения браузеров
00:19:21 Скорость кастомных свойств
00:25:37 Состояние CSS Houdini
00:36:02 Очистка памяти
00:38:59 Записи и кортежи в ES

Минифицируем приватные поля в TypeScript. Расшифровка доклада Алексея Гусева о том, как заменять имена приватных полей на короткие во время компиляции и сборки, чтобы ничего не сломалось — https://habr.com/p/506030/

Удивительные вещи, которые можно анимировать в CSS. Уилл Бойд показывает примеры использования непривычных для анимации свойств, позволяющих достичь интересных эффектов — https://codersblock.com/blog/the-surprising-things-that-css-can-animate/

Меню со списком быстрых действий, выпадающее из иконки веб-приложения, появилось в Chrome 84 на Android и в Edge 84 и Chrome 84 на Windows за флагом. Подробнее о добавлении и отладке на Web.​Dev — https://web.dev/app-shortcuts/

Путь развития фронтендера на MDN. Главный редактор MDN Крис Миллс анонсировал новый раздел, в котором последовательно собраны статьи, примеры и задания для развития во фронтенде: разметка, стили, скрипты, формы, тестирование, доступность и инструменты — https://hacks.mozilla.org/2020/06/introducing-the-mdn-web-docs-front-end-developer-learning-pathway/

Несколько простых советов для поддержки режима высокой контрастности на Windows от Сары Хигли, специалиста по доcтупности из Microsoft — https://sarahmhigley.com/writing/whcm-quick-tips/

Гриды для раскладки, флекс для компонентов. Ахмад Шадид разбирается в разнице между системами раскладки и пытается понять, в каких ситуациях использовать каждую — https://ishadeed.com/article/grid-layout-flexbox-components/

Эксперименты с QuicTransport. Джеф Позник про новый API на основе протокола QUIC для двусторонней коммуникации с помощью datagram API и streams API. QuicTransport является частью большей спецификации WebTransport и проходит origin trial — https://web.dev/quictransport/

Перфоманс CSS-переменных. Лизи Линхарт разбирается, насколько быстро работают нативные кастомные свойства в разных случаях применения, и выводит рекомендации — https://lisilinhart.info/posts/css-variables-performance

Улучшаем навигацию с клавиатуры с помощью tabindex и ARIA. Сара Суайдан предлагает задуматься, какие ссылки действительно полезные, а какие можно спрятать для удобства пользователей — https://www.sarasoueidan.com/blog/keyboard-friendlier-article-listings/

Гибридное позиционирование с кастомными CSS-свойствами и функцией max(). Лия Веру передаёт scrollTop в стили и комбинирует с position: fixed в простой логике, дающей эффект position: sticky, но лучше — https://lea.verou.me/2020/06/hybrid-positioning-with-css-variables-and-max/

12 советов по внедрению TypeScript в приложениях на React. Андрей Алексеев в блоге Tinkoff на Хабре — https://habr.com/ru/company/tinkoff/blog/505488/

CSS Houdini. Винсент де Оливейра с обзором возможностей и задач, которые решает проект «Гудини», его ограничений и точек роста — https://iamvdo.me/en/blog/css-houdini

13 способов стилизации списков. Крис Койер делится примерами различного оформления списков и их маркеров, в переводе Дмитрия Гордиенко — http://odinokun.com/2020-06-06-13-sposobov-stilizacii-spiskov.html

00:01:41 События
00:04:05 Firefox 77
00:11:42 Всё про цвета в CSS
00:25:24 Учить ли TCP
00:32:21 CUBE или БЭМ
00:48:31 Переход на Linux
00:56:04 Учить ли новичков CRA
01:04:35 Сахар или ваниль
01:15:10 Где брать опыт работы
01:20:54 Польза от менторства

Выпуск №233: Firefox 77, цвета, TCP, CUBE-БЭМ, Linux, CRA и сахар для новичков, где брать опыт, менторство. В гостях Лиана Гукасян, ментор из SkillFactory. Слушайте на Ютубе https://youtu.be/vvDll7C9jAU, читайте на Медиуме https://medium.com/p/785f1c5658f1