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

Гибкий прелоадер с использованием единиц измерения em. Стас Мельников разбирает реализацию с @​keyframes на Хабре — https://habr.com/ru/post/443292/

Вложенные CSS-селекторы: CSSWG одобрила черновик Таба Аткинса, который реализует в CSS новый синтаксис с & и директиву @​nest для записи селекторов, уже доступные в препроцессорах. Пока речь не идёт о склеивании классов из частей, только о вложенности — https://drafts.csswg.org/css-nesting-1/

Веб-компоненты в реальном мире. Борис Сердюк с введением в технологии веб-компонентов, про их практическую пользу, недостатки и совместимость с экосистемой — https://habr.com/p/443032/

Выпуск №164: Авторы JS-интенсивов HTML Academy, встроенный скроллер в Chrome, развитие SVG и & в CSS, Preact и технологии интенсивов, JS для старых браузеров и итераторы, модули и импорт без Webpack. Ссылки на Медиуме https://medium.com/p/86a71d2442ba или на Ютубе https://youtu.be/4jWM21P_YQc

Заменяют ли кастомные CSS-свойства циклы Sass? Робин Рендел рассматривает микс двух классов со структурой и значениями как альтернативу генерации стилей проходом циклом по объекту — https://css-tricks.com/do-css-custom-properties-beat-sass-loops/

Паттерны итераторов в JavaScript. Лучиано Маммино рассматривает разные способы создания последовательности чисел Фибоначчи — https://loige.co/javascript-iterator-patterns/

Тренинг Google по PWA. 27 глав с видео, статьями и практическими заданиями по всем аспектам прогрессивных веб-приложений: от аудитории и дизайна до сервис-воркеров и AMP — https://developers.google.com/web/ilt/pwa/

Упражнение в прогрессивном улучшении. Чэнь Хуэй Дзинь собирает список задач на Koa.js, Nunjucks, lowdb и lodash-id. В основе — обычная форма, которая работает и без приложения, всё демо на Glitch — https://www.chenhuijing.com/blog/an-exercise-in-progressive-enhancement/

Как поддерживать старые браузеры без ущерба остальным. Серджио Гомес рассказывает, как собирать отдельные версии скриптов с помощью Webpack и Browserslist — https://sgom.es/posts/2019-03-06-supporting-old-browsers-without-hurting-everyone/

Первая альфа Preact X: Fragments, componentDidCatch, createContext, лучшая совместимость со сторонними библиотеками и конечно хуки. Подробнее в списке изменений — https://github.com/developit/preact/releases/tag/10.0.0-alpha.0

Открытый диалог: Скотт Охара рассматривает элемент <dialog> и полифилы к нему точки зрения доступности и приходит к неутешительным выводам — https://www.scottohara.me/blog/2019/03/05/open-dialog.html

Thanos JS уменьшает размер проекта на 50%, удаляя половину случайных файлов — https://thanosjs.org/

Как сэкономить ресурсы в браузере и не сломать веб. Константин Крамлих рассказывает про разработку и оптимизацию Яндекс.Браузера: видео https://youtu.be/6OLVN_gprow и расшифровка на Хабре https://habr.com/ru/company/yandex/blog/442456/

Новый кодек AV1: ускоряем загрузку видео в браузере. Андрей Ситник рассказывает, как сегодня нужно использовать видео и как заменить GIF на видео — https://habr.com/p/442020/

Cache-Control для гражданских. Гарри Робертс про работу с сетевым заголовком для эффективного управления кэшем в разных ситуациях и для разного содержимого — https://csswizardry.com/2019/03/cache-control-for-civilians/

Выпуск №163: Математика в CSS, быстродействие и оверхэд, новый видеокодек AV1, JavaScript и SEO, роботы нас не заменят и Олег Мохов в гостях. Ссылки на Медиуме https://medium.com/p/7a40b443b617 или на Ютубе https://youtu.be/zuhe4HOCBwU

CSS-селекторы: обзор базовых типов и механики их работы в статье https://medium.com/p/9593bc204e3f, страница со шпаргалкой и игрой https://frontend30.com/css-selectors-cheatsheet/ и шпаргалка в PDF https://www.dropbox.com/s/h2hni9o1m1di989/CSS%20selectors%20cheatsheet.pdf

Рабочая группа CSS (CSSWG) договорилась о добавлении новых математических функций в CSS, помимо calc, min и max: clamp, sin, cos, tan, acos, asin, atan, atan2, hypot, sqrt, pow, — сообщает Бенджамин Де Кок https://twitter.com/bdc/status/1100921258839953408