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

Новинки Firefox 79: новое поведение target=_blank, поддержка Promise.any(), краткие операторы логического присваивания, быстрый дебаг и другие. Подробнее в обзорах:

Марата Таналина https://tanalin.com/blog/2020/07/firefox-79/
Флориана Шольца, Криса Миллса и Харальда Киршнера https://hacks.mozilla.org/2020/07/firefox-79/

Элемент <datalist>. Михаэль Шарналь про встроенный в браузеры, но малоизвестный способ связать поле ввода с данными в разметке для создания выпадающего списка — https://funwithforms.com/posts/datalist/

Берём всё от вариативных шрифтов на Google Fonts. Стивен Никсон, автор нового семейства Recursive Sans & Mono, про особенности подключения и использования нового формата шрифтов — https://css-tricks.com/getting-the-most-out-of-variable-fonts-on-google-fonts/

До­ступ­ный для кого-то. Эксперимент Мануэля Матузовича, который показывает, как плохая доступность влияет на пользователей и их повседневную работу в вебе. В переводе Никиты Дубко на «Веб-стандартах» — https://web-standards.ru/articles/accessible-to-some/

Разные версии вашего сайта могут быть запущены одновременно. Джейк Арчибальд предлагает решения для безболезненного для пользователя обновления загружаемой асинхронно статики для сайта — https://jakearchibald.com/2020/multiple-versions-same-time/

Что значит 100% в CSS. Амелия Уоттенбергер на интерактивных примерах показывает, от чего считаются проценты для различных CSS-свойств — https://wattenberger.com/blog/css-percents

Что за… «композиция»? Дэн Абрамов объясняет концепт из функционального программирования и показывает, для чего его можно применять в JavaScript-приложениях — https://whatthefuck.is/composition

Мониторинг производительности с Lighthouse CI. Кэти Хэмпениус показывает, как встроить Lighthouse CI в процессы разработки: от локальных проверок до отдельного сервера для мониторинга — https://web.dev/lighthouse-ci/

Генератор цветовых тем. Юлия Бухвалова рассказывает про историю возникновения инструмента для генерации цветовых тем и показывает, как его можно использовать — http://css.yoksel.ru/color-themes-generator/

Визуализация CORS. Лидия Холли графически объясняет, как работают кроссдоменные запросы и какими HTTP-заголовками их настраивать — https://dev.to/lydiahallie/cs-visualized-cors-5b8h

Правосторонний интерфейс: адаптируем контролы к right-to-left языкам. Дмитрий Кузнецов делится опытом Badoo повышения удобства форм для пользователей с включённым арабским языком или ивритом — https://habr.com/p/511926/

Современные CSS-техники для улучшения читаемости. Эдоардо Кавацца делится приёмами создания удобного для чтения текста, опирающихся на параметры шрифта — https://www.smashingmagazine.com/2020/07/css-techniques-legibility/

00:01:22 События и MoscowJS
00:04:53 Бета Chrome 85
00:18:37 TypeScript в Svelte
00:25:16 Типизированный CSS
00:34:15 Сброс в CSS
00:42:05 Что такое Numl

Выпуск №240: MoscowJS, бета Chrome 85, TypeScript в Svelte, типизация и сбросы в CSS, что такое Numl. В гостях Андрей Яманов. Слушайте на Ютубе https://youtu.be/kAn55JfizTQ, читайте на Медиуме https://medium.com/p/78d6142c16a5

Путь к пониманию шаблонных литералов в JavaScript. Таня Расчия объясняет, чем шаблонные литералы отличаются от обычных строк и как теговые шаблоны помогают с ними работать, в переводе на Хабре — https://habr.com/p/511590/

Феликс Гершау объясняет этапы жизненного цикла сервис-воркеров и показывает, как их контролировать — https://felixgerschau.com/service-worker-lifecycle-update/

Пора загружать айфреймы за пределами экрана лениво. Эдди Османи об особенностях работы атрибута loading=lazy и способах добавить ленивую загрузку кросс-браузерно — https://web.dev/iframe-lazy-loading/

Разбираемся с множественными фонами в CSS. Ахмад Шадид показывает, как и зачем комбинировать несколько фонов у одного элемента, на практических примерах — https://ishadeed.com/article/css-multiple-backgrounds/