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

Что я узнал про min(), max() и clamp() в CSS. Ахмад Шадид объясняет, как работают функции и для чего их можно полезно применять — https://ishadeed.com/article/css-min-max-clamp/

Быстрое и надежное кроссбраузерное тестирование с Playwright. Арджун Аттам рассказывает об основных возможностях инструмента, работающего с браузерами на движках Chromium, Webkit и Gecko — https://medium.com/p/155c0e8a821f

Границы в CSS на примерах. Радослав Фабисяк показывает, как можно использовать свойство border для создания интересных эффектов оформления — https://www.blog.duomly.com/css-border-with-examples-tutorial/

А вы уже используете SVG-фавиконки? Антуан Буланжер показывает, как рекомендуется подключать фавиконки для современных браузеров, в переводе Дмитрия Гордиенко — http://odinokun.com/2020-04-29-vy-uzhe-ispolzuete-ikonki-svg.html

Web Vitals. Google анонсирует инициативу, в рамках которой выделяет ключевые для восприятия метрики производительности сайта и предлагает способы их измерения — https://blog.chromium.org/2020/05/introducing-web-vitals-essential-metrics.html

Должна ли раскладка Masonry быть частью спецификации CSS Grid? Рэйчел Эндрю делится мыслями, почему разные раскладки нужно разделять и продумывать их спецификации отдельно — https://rachelandrew.co.uk/archives/2020/05/05/does-masonry-belong-in-the-css-grid-specification/

Простой подход к работе с отзывчивыми изображениями. Скотт Вандехей подробно объясняет работу атрибутов srcset и sizes у изображения, в переводе на Хабре — https://habr.com/p/500292/

Трюки с React Router. Серия видео от Александра Бальцевича про настройку роутинга в React-приложении и хранение состояния в URL — https://www.youtube.com/playlist?list=PLz_dGYmQRrr-HEb1I-yfLru28HO2PrdwI

Можно ли вложить тег в тег? Александр Вишняков рассказывает на «Веб-стандартах» о создании и принципах работы Can I Include: Preact, Glitch, Express.js и Node.js — https://web-standards.ru/articles/can-i-include/

00:00:49 Новинки DevTools
00:21:45 Сайт Веб-стандартов
00:27:37 Выделение текста
00:34:23 Пиксели против ремов
00:47:00 Атомарный CSS-in-JS
01:01:35 Автоматизация рефакторинга

Выпуск №228: DevTools, cайт Веб-стандартов, выделение текста, px vs rem, Atomic CSS-in-JS, рефакторинг. Слушайте на Ютубе https://youtu.be/Hn6TnJYIGd4, читайте на Медиуме https://medium.com/p/2a9b1f18aae1

10 лучших расширений Chrome для дизайнеров. Брендан Махони делится расширениями, которые помогают ему исследовать сайты, в переводе на Хабре — https://habr.com/p/497788/

Переключатель цветовой темы. Макс Бёк собирает для своего блога различные темы и их переключатель на кастомных свойствах — https://mxb.dev/blog/color-theme-switcher/

Выделение в CSS. Ахмад Шадид делится приёмами стилизации выделенного текста — https://ishadeed.com/article/selection-in-css/

Blend — Sass-модуль, позволяющий работать с цветовыми пространствами LCH, LAB и функциями модификации цветов на уровне препроцессорного кода — https://www.oddbird.net/blend/

Как сделать эффект аккордеона по наведению при помощи box-shadow. Сара Фоссхайм реализует анимацию с двигающимися карточками по шагам — https://fossheim.io/writing/posts/css-box-shadow-animation/

Доступные размеры шрифтов. Андрес Галанте объясняет, как работать со шрифтами, чтобы сохранять доступность контента, и какие единицы измерения для этого полезны: em, rem или px — https://css-tricks.com/accessible-font-sizing-explained/

Can I Include. Александр Вишняков делится инструментом для проверки, можно ли один тэг вкладывать в другой — https://caninclude.glitch.me/