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

Выпуск №207: 10 лет фронтенда на графике, новинки Firefox 71, WASM 4-й язык веба, лёгкая вставка YouTube, доступный кастомный селект, экономия трафика в CSS, ненавязчивая реклама, WSD всё. Ссылки на Медиуме https://medium.com/p/c46d43f1bf08 или на Ютубе https://youtu.be/wnogZa0ApQk

Восемь докладов, панельная дискуссия про 10 лет фронтенда и закрытие последней конференции Web Standards Days в Минске 7 декабря.

Плейлист с видео: https://www.youtube.com/playlist?list=PLMBnwIwFEFHdMiEG-wHDouG1A0LQeAEJl
Программа и слайды: https://wsd.events/2019/12/07/

Больше дизайна, меньше ресайза. Команда Figma добавила в продукт функцию автоматической раскладки, благодаря которой размеры и положения стоящих рядом с редактируемым объектов автоматически подстраиваются под изменения — https://www.figma.com/blog/announcing-auto-layout/

Прямая текстовая трансляция Web Standards Days в Твиттере, если вам мало видео — https://twitter.com/webstandards_up/status/1203223378783543296

Прямая трансляция 42-й юбилейной конференции Web Standards Days начнётся уже через полчаса в 11:00 (GMT+3). В программе 8 докладов и круглый стол «Как изменился веб за 10 лет».

Программа https://wsd.events/2019/12/07/
Трансляция https://youtu.be/fHlTk5IhZws

WebAssembly официально становится рекомендацией W3C. Подробности в пресс-релизе — https://www.w3.org/2019/12/pressrelease-wasm-rec.html.en

Динамические темы на чистом CSS. Юна Кравец показывает, чем можно заменить препроцессорные функции работы с цветом — https://una.im/css-color-theming/

Lite YouTube Embed — кастомный элемент от Пола Айриша, позволяющий в сотни раз производительней встраивать YouTube-видео на страницу без заметных визуальных отличий от оригинального способа — https://github.com/paulirish/lite-youtube-embed

Веб-компоненты и AOM. Леони Уотсон с подробностями будущей реализации Accessibility Object Model (объектной модели доступности) для кастомных элементов и какие существующие проблемы она решит — https://www.24a11y.com/2019/web-components-and-the-aom/

Развлекаемся с прокси в ES6. Мачей Чешлар показывает полезные применения для прокси и объясняет, как они работают — https://blog.logrocket.com/having-fun-with-es6-proxies/

Новинки Firefox 71 в обзоре Криса Миллса: инспектор веб-сокетов в DevTools, полнотекстовый поиск по вкладке Network, симуляция блокирования запросов, поддержка сабгридов и функции path() внутри clip-path и другие улучшения — https://hacks.mozilla.org/2019/12/firefox-71-a-year-end-arrival/

00:00:27 События
00:03:29 Новый браузер Flow
00:09:47 Lighthouse CI
00:14:25 Сабгриды
00:20:50 Лишний CSS
00:34:10 Элемент details
00:42:58 State of JS 2019
00:44:44 Use strict
00:51:36 JS кусается

Выпуск №206: Новый браузер Flow, Lighthouse CI, сабгриды, лишний CSS, элемент details, State of JS 2019, use strict, JS кусается. Ссылки на Медиуме https://medium.com/p/104a9e358165 или на Ютубе https://youtu.be/0KO860amyrI

Как мы внедряли WebAssembly в Яндекс.Картах и почему оставили JavaScript. Команда разработки векторного движка Яндекс.Карт рассказывает о плюсах и минусах Wasm в сервисах, где клиентская производительность критична — https://habr.com/p/475382/

Асинхронная работа с потоками в Node.js. Аксель Раушмайер показывает, как обернуть операции со стримами в асинхронные функции или генераторы и тем самым упростить работу с ними — https://2ality.com/2019/11/nodejs-streams-async-iteration.html

Работаем с рекламой в 2020 году. Кристиан Шефер делится советами, как внедрять внешнюю рекламу на сайт, не ухудшая пользовательский опыт и производительность — https://schepp.dev/posts/ad-integration-in-2020/

Разбираемся в потоках в Node.js. Лиз Пароди объясняет, как работать с потоками в Node.js, каких видов они бывают и зачем они нужны — https://nodesource.com/blog/understanding-streams-in-nodejs/

Улучшаем кастомный <select>. Джули Гранди показывает, какие нюансы необходимо учитывать при разработке стилизованного <select> — https://24ways.org/2019/making-a-better-custom-select-element/