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

Взгляд на скорость JAM-стека в числах. Артём Денисов сравнивает метрики производительности сайтов, использующих JAM-стек, с построенными на CMS и другими — https://css-tricks.com/a-look-at-jamstacks-speed-by-the-numbers/

CSS-переменные в инлайн-стилях. Ахмад Шадид на примерах показывает, когда удобно хранить значения CSS-переменных в атрибуте style и использовать их для вычисления других свойств — https://ishadeed.com/article/css-variables-inline-styles/

Hello darkness, my old friend. Томас Штайнер разбирает лучшие практики применения тёмных тем на сайтах на основе медиа-выражения prefers-color-scheme — https://web.dev/prefers-color-scheme/

Результаты большого исследования веба от HTTP Archive. Часть 2, разметка: самые частые элементы, использование устаревших элементов, сломанная разметка, теги аналитики и другое — https://almanac.httparchive.org/en/2019/markup

Всё, что нужно для начала работы с Vue.js. Дэн Вега предлагает разные способы быстрого погружения в изучение фреймворка в переводе на Хабре — https://habr.com/p/458324/

Мажорное обновление популярной библиотеки создания анимаций GSAP 3 получило более 50 новых фичей: плагин анимации по пути движения, ключевые кадры, расширяемость эффектов, синтаксис ES6-модулей и другие — https://greensock.com/3/

Новый способ разбиения строки в CSS в стиле терминала. Хавьер Фернандез объясняет поведение свойства white-space: break-spaces и показывает, где оно может быть полезным — https://blogs.igalia.com/jfernandez/2019/06/10/a-new-terminal-style-line-breaking-with-css-text/

Результаты большого исследования веба от HTTP Archive. Часть 2, CSS: цвета, единицы измерения, селекторы, разметка, анимации, шрифты, медиа-выражения и многое другое — https://almanac.httparchive.org/en/2019/css

Создаём максимально недоступный сайт с идеальной оценкой Lighthouse. Мануэль Матузович доказывает, что нельзя полагаться только на автоматическое измерение доступности, в переводе на Хабре — https://habr.com/p/455016/

Избавляемся от эффекта рваных краёв в градиентах. Мэнди Майкл делится простым лайфхаком, как сделать переходы между цветами в CSS-градиентах плавными — https://medium.com/p/f485cc7401f5

Доступные стилизованные элементы формы. Скотт Охара делится библиотекой a11y_styled_form_controls, в которой с соблюдением требований доступности реализованы основные элементы форм — https://scottaohara.github.io/a11y_styled_form_controls/

Результаты большого исследования веба от HTTP Archive. Часть 1, JavaScript: размеры бандлов, подключаемые библиотеки, использование новых API, оптимизации загрузки страницы и другое — https://almanac.httparchive.org/en/2019/javascript

Внедрение дизайн-системы внутри ваших веб-компонентов при помощи конструируемых таблиц стилей. Бенджамин Фаррелл делится способом изолировать стили внутри веб-компонента, оставляя возможность управлять их внешним видом извне — https://medium.com/p/dd24649261e

Компоненты-агностики в Angular. Александр Инкин собирает компоненты, которым не нужно знать о модели данных и итоговом внешнем виде, на примере табов и комбо-бокса — https://habr.com/p/473108/

Анимация для фронтендеров — новый курс HTML Academy. В программе: линейная и покадровая анимация, анимация CSS и SVG, Canvas, WebGL и шейдеры, 3D в браузере и будущее анимации в браузере. Курс проходит в асинхронном формате, записаться на него можно в любой момент и заниматься в удобном темпе под присмотром наставника — https://tml.io/8uuu7

Пишем асинхронный код в современном JavaScript. Джеремайас Меничелли разбирает историю способов написания эффективного и читаемого кода для асинхронных операций — https://www.smashingmagazine.com/2019/10/asynchronous-tasks-modern-javascript/

Веб для маленьких экранов на watchOS. Мехди Мерах разбирается в особенностях вёрстки под Apple Watch, в современных моделях которых уже есть свой WebKit-браузер — https://dev.to/meduzen/watchos-the-wrist-and-the-web-bbj

Прямая трансляция второго дня Chrome Dev Summit в Сан-Франциско начнётся сегодня в 21:00 (GMT+3). В программе всё самое важное про веб-платформу и технологии Google для веба.

Видео: https://youtu.be/kkuzdrd4lxc
Программа: https://developer.chrome.com/devsummit/schedule/