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

00:00:54 События
00:04:47 Firefox 85
00:16:17 Safari TP 119
00:19:55 Бета Chrome 89
00:32:05 Chrome DevTools
00:41:14 Open Web Docs
00:43:58 Элемент popup
00:47:03 Локальный HTTPS
00:54:25 WCAG 3
00:58:40 Null или undefined

Выпуск №267. Никита Дубко, Андрей Мелихов и Вадим Макеев про новинки браузеров и DevTools, Open Web Docs, элемент popup, HTTPS, WCAG 3, null или undefined.

Слушайте на Ютубе https://youtu.be/77DwHnfqKiY
Читайте на Медиуме https://medium.com/p/1f491aa25fac

Свойство aspect-ratio. Юна Кравец рассказывает, для чего его полезно применять. Свойство уже поддерживается в Chromium, Safari TP и Firefox Nightly.

https://web.dev/aspect-ratio/

Новинки беты Chrome 89: аппаратные API WebHID, Web NFC и Web Serial, нативный Web Share API на десктопе, display_override в веб-манифесте, ::target-text и логические псевдонимы для border-radius в CSS, await верхнего уровня в JS и многое другое.

https://blog.chromium.org/2021/01/chrome-89-beta-advanced-hardware.html

Как избежать сдвигов вёрстки из-за загрузки шрифтов. Саймон Харн подробно разбирается, как поймать сдвиги и какие техники могут помочь от них избавиться: от быстрой доставки шрифтов до новых свойств для @​font-face.

https://simonhearne.com/2021/layout-shifts-webfonts/

Что но­во­го в WCAG 3.0. Татьяна Фокина разбирается, чем черновик новой версии стандарта по доступности отличается от предыдущих версий, рассматривает причины изменений и новые принципы оценки доступности.

https://web-standards.ru/articles/wcag3-changes/

Инструкция по работе в Figma для верстальщика и чек-лист для передачи макета в разработку. Анастасия Свеженцева рассказывает, что надо знать дизайнеру и веб-разработчику при совместной работе с макетом в Figma.

https://breezzly.ru/guides/start-v-figma-dlya-verstalshhika

Open Web Docs, новый проект для создания и поддержки документации для веба, основанный Coil, Google, Microsoft при поддержке Igalia, Mozilla, Samsung и W3C. В ближайших приоритетах — работа над MDN.

Анонс https://opencollective.com/open-web-docs/updates/introducing-open-web-docs
Планы на 2021 https://github.com/openwebdocs/project/blob/main/2021-goals.md

Как использовать HTTPS для локальной разработки. Мод Нальпас показывает различные способы: mkcert, самоподписанный сертификат, прокси, флаг в браузере.

https://web.dev/how-to-use-local-https/

Новинки Firefox 85: поддержка <link rel=preload>, псевдокласс :focus-visible, удаление поддержки Flash, улучшение Intl.Collator и другие.

Обзор Марата Таналина https://tanalin.com/blog/2021/01/firefox-85/
Список изменений на MDN https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/85

00:01:36 События
00:02:18 Chrome 88
00:10:21 Картинки во флексах
00:12:06 Новый JS-метод at
00:16:56 Управление CSS-каскадом
00:26:58 Экосистема Smart TV
00:39:26 Интерфейс ТВ
00:47:41 Разработка под ТВ
00:58:54 Устройство ТВ-приложения
01:08:44 Видео для веба

Выпуск №266. Вадим Макеев, Андрей Мелихов, Маша Просвирнина и Иван Дмитриев про Chrome 88, флексы, JS-метод at, управление CSS-каскадом, разработку под Smart TV и видео в вебе.

Слушайте на Ютубе https://youtu.be/KvOitGw_81k
Читайте на Медиуме https://medium.com/p/9e6874606ea0

Вам показалось! Всё о Perceived Performance. Расшифровка доклада Алексея Охрименко про набор психологических и инженерных трюков, создающих у пользователя ощущение быстрой загрузки страницы.

https://habr.com/p/538466/

Как записать действия на экране в виде скрипта для Puppeteer. Стефан Юдис демонстрирует появившуюся за флагом в Chrome 89 возможность записывать действия на странице.

https://www.stefanjudis.com/blog/how-to-record-screen-actions-as-a-puppeteer-script/

Важность порядка подключения шрифтов в @​font-face при использовании <link rel=preload>. Мэтт Хоббс разбирается в принципах загрузки и предзагрузки шрифтов на примере сайта Белого дома США и даёт советы, как не загрузить лишнего.

https://nooshu.github.io/blog/2021/01/23/the-importance-of-font-face-source-order-when-used-with-preload/

Как мы улучшили перфоманс Smashing Magazine. Виталий Фридман делится опытом оптимизации сайта издания и рассказывает о неочевидных изменениях, которые помогли значительно ускориться.

https://www.smashingmagazine.com/2021/01/smashingmag-performance-case-study/

Чтобы быть впереди веба, веб-стандартам нужно бежать в два раза быстрее. Максим Усачев размышляет, почему нативные браузерные реализации фичей лучше библиотечных, но всё равно медленно внедряются в реальные проекты.

https://css-live.ru/articles-css/chtoby-byt-vperedi-veba-veb-standartam-nuzhno-bezhat-v-dva-raza-bystree.html

Как запустить WebKit на Windows с помощью Playwright. Кристиан Шефер с коротким рецептом, который позволит вам получить почти полноценный Safari на Windows, за некоторыми исключениями в виде проприетарных API или интеграции в ОС.

https://schepp.dev/posts/running-webkit-on-windows/