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

Когда вам стоит использовать веб-воркеры? Александр Сурма рассказывает, где может пригодиться вынесение части логики приложения в отдельный поток и как с этим поможет Comlink — https://dassur.ma/things/when-workers/

Прямая трансляция с WSD в Екатеринбурге начнётся уже через 15 минут:

Видео https://youtu.be/DsfnFrwKksA
Програма https://wsd.events/2019/10/19/#schedule

#wstdays

Валидируйте телефонные номера в вебе при помощи SMS Receiver API. Эйдзи Китамура рассказывает о новом экспериментальном API, которое позволяет доставать коды верификации из SMS-сообщений — https://web.dev/sms-receiver-api-announcement

В Safari Technology Preview 94 добавлена поддержка CSS Shadow Parts. В основе — HTML-атрибут part, открывающий нужные элементы Shadow DOM для стилизации извне с помощью селектора ::part. Ближайшая аналогия в CSS — псевдоэлемент ::placeholder.

CSS Shadow Parts уже поддерживаются в Chrome 73 и в Firefox 69 за флагом layout.css.shadow-parts.enabled.

https://webkit.org/blog/9609/release-notes-for-safari-technology-preview-94/

Инклюзивные компоненты: сворачиваемые секции. Хейдон Пикеринг делает доступную реализацию и вариант на веб-компонентах в переводе на «Веб-стандартах» — https://medium.com/p/c0de689e0ebe

Оптимизация изображений в WordPress. Аделина Тука показывает, как вручную и автоматизированно ускорить загрузку самого распространённого в блогах вида контента — https://www.smashingmagazine.com/2019/06/image-optimization-wordpress/

«Алиса, пойдём во фронтенд!» Расшифровка доклада Никиты Дубко про написание простого навыка для голосового ассистента привычными инструментами фронтенд-разработчика — https://habr.com/p/468545/

00:01:15 Мета
00:04:46 События
00:10:36 Sass оказывается жив
00:28:44 Динамические компоненты без JS
00:35:10 Новый взгляд на сброс стилей
00:46:20 Очень странный CSS

Выпуск №198: Sass оказывается жив, динамические компоненты без JS, новый взгляд на сброс стилей, очень странный CSS. Ссылки на Медиуме https://medium.com/p/d63ad177ef7b или на Ютубе https://youtu.be/vi0y_JwdYAQ

Последние доклады в программе Web Standards Days в Екатеринбурге уже в эту субботу 19 октября: скриншотные тесты и жизнь до Runtime. Бесплатная регистрация пока открыта! — https://wsd.events/2019/10/19/

Производительность фронтенда. Константин Лебедев разбирает важные метрики загрузки и отрисовки страницы и даёт советы, как их улучшить, в блоге Mail.Ru на Хабре — https://habr.com/p/454920/

API IntersectionObserver и ленивая загрузка изображений. Чидуми Ннамди в переводе на Хабре на примере простой веб-страницы показывает, как оптимизировать время до первой интерактивности и потребление ресурсов браузера — https://habr.com/p/453586/

А вы знаете ваши теги? Игра Реми Шарпа на знание названий HTML-тегов. Делитесь вашими рекордами — https://tags.isthe.link/

Круги на CSS. Тайлер Стика разбирает способы создания круглых элементов на странице и их взаимодействие с контентом — https://cloudfour.com/thinks/css-circles/

Когда уже можно будет стилизовать <select>?! Грег Уитворт делится результатами опроса про то, чего не хватает фронтенд-разработчикам в нативной реализации элемента <select> — http://gwhitworth.com/blog/2019/10/can-we-please-style-select/

Что делает значение revert в CSS? Мириам Сюзан про новое очень полезное значение и его отличие от initial и unset в серии about:web на канале Mozilla Developer https://youtu.be/GAjoVRmipcU

В Sass появилась модульная система. Натали Вейзенбаум рассказывает о причинах отказа от директивы @​import, особенностях новых директив @​use и @​forward, а также показывает, как автоматически мигрировать кодовую базу на новый синтаксис — http://sass.logdown.com/posts/7858341-the-module-system-is-launched

Обновление мажорной версии библиотеки Preact X, лёгкого и совместимого аналога React, которая пополнилась новыми фичами: фрагменты, хуки, componentDidCatch, тестовые утилиты, ещё лучшая совместимость и многое другое — https://github.com/preactjs/preact/releases/tag/10.0.0