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

00:00:27 События
00:04:15 Bocoup и appearance
00:09:29 Нестинг в CSS
00:18:21 Адаптация таблиц
00:27:23 Устройство браузера
00:41:38 Смёржить всё в JS
00:53:28 Ценность разделения

Выпуск №258: Никита Дубко и Вадим Макеев про Bocoup и appearance, нестинг в CSS, адаптацию таблиц, устройство браузера и идею смёржить всё в JS.

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

Создание сайтов с prefers-reduced-data. Разработчики Polypane рассказывают про медиафичу prefers-reduced-data, которая позволяет учесть предпочтение пользователя и сэкономить трафик. Примеры использования в CSS и JS, варианты тестирования.

https://polypane.app/blog/creating-websites-with-prefers-reduced-data/

Plaiceholder. Джо Белл делится генератором размытых плейсхолдеров для изображений на время, пока они загружаются.

GUI: https://plaiceholder.co/
Репозиторий: https://github.com/joe-bell/plaiceholder

Marko.js — фронтенд от eBay. Попытка разобраться в устройстве альтернативного и малоизвестного SSR-first фреймворка, который разрабатывает eBay.

Статья https://habr.com/p/529320/
Примеры https://github.com/apapacy/marko-tut

Выходим за рамки с гридами. Алекс Трост показывает, как создавать разметку, которая не выглядит как стандартная сетка, при этом сохраняя свою адаптивность — https://frontend.horse/articles/thinking-outside-the-box-with-css-grid/

Продвинутый React в формате марафона. Зар Захаров запускает 4-недельный курс для тех, кто уже пишет на React, но хочет совершенствоваться. В программе: Webpack, TypeScript, Jest и Enzyme, API и Axios, SSR, хуки и архитектура. Подробности в чат-боте — https://mnlp.cc/mini?domain=codementor&id=63

Как я структурирую CSS. Маттиас Отт делится своим способом организации стилей в проекте, в переводе на Хабре — https://habr.com/p/523884/

Я.Субботник по разработке интерфейсов пройдёт онлайн 21 ноября. В программе пять докладов про дизайн-системы, переиспользуемые компоненты, быстрый код на React и TypeScript, строгий TypeScript и Data Science на JS-модулях — https://yandex.ru/promo/events/generated/yasubbotnik/21-nov-2020/

Движок, который смог: как Chromium удалось захватить 90% рынка браузеров. Глава из книги «The History of the Web» Джея Хоффмана.

Перевод на Хабре https://habr.com/p/518416/
Книга на Leanpub https://leanpub.com/webhistory/

Настройка Webpack 5 с нуля. Таня Расчия рассказывает, как использовать Webpack для сборки JavaScript, изображений, шрифтов и стилей, а также как запускать сервер для разработки.

Перевод на Хабре https://habr.com/p/524260/
Авторский бойлерплейт https://github.com/taniarascia/webpack-boilerplate

Новинки беты Chrome 87: отладка WebAuthn, управление PTZ-камерами, сокращения для логических CSS-свойств, перезапись свойств подключаемых шрифтов, группа CSS-свойств text-decoration-* для настройки подчёркивания, обновлённый JS-движок V8 и многое другое — https://blog.chromium.org/2020/10/chrome-87-beta-webauthn-in-devtools.html

Псевдоклассы :valid и :invalid. Михаэль Шарналь про способы стилизации полей форм, которые используют встроенную браузерную валидацию на основе атрибутов — https://funwithforms.com/posts/valid-invalid-pseudo-classes/

Функции min(), max() и clamp(). Юна Кравец при помощи демо показывает, как можно полезно использовать логические CSS-функции для привычных задач вёрстки — https://web.dev/min-max-clamp/

Face ID и Touch ID для веба. Джиуэн Тан в блоге WebKit объясняет, как дать пользователю дополнительные способы аутентификации в веб-приложениях, которые уже работают в экосистеме Apple — https://webkit.org/blog/11312/meet-face-id-and-touch-id-for-the-web/

Быстрая доставка приложений с PRPL. Эдди Османи рассказывает о паттерне структурирования прогрессивных веб-приложений, направленном на производительность их запуска — https://addyosmani.com/blog/the-prpl-pattern/

Стартовал опрос State of CSS 2020 об актуальных тенденциях и будущих трендах стилей для веба: от единиц измерения до CSS-in-JS. Опрос переведён на русский — https://survey.stateofjs.com/survey/state-of-css/2020

Попрощайтесь с кэшированием между сайтами и доменами. Стефан Джудис про новый подход к кэшированию, который появится в Chrome 86 и, вслед за Safari (2013), окончательно закроет вопрос переиспользования сторонних ресурсов для лучшей приватности — https://www.stefanjudis.com/notes/say-goodbye-to-resource-caching-across-sites-and-domains/