Что нужно знать о вёрстке под ретину. Анастасия Чеснокова разбирает основные моменты, которые полезно знать начинающим веб-разработчикам.

https://habr.com/p/585864/

Ускорение скроллинга сложных таблиц одной строчкой CSS. Йохан Исакссон делится примером успешного применения свойства contain в таблицах Google Search Console.

https://medium.com/p/78cb1e8d9cb1

Погружение в Cypress для end‑to‑end тестирования. Рамона Шверинг показывает, как настроить Cypress и начать писать на нём тесты.

https://www.smashingmagazine.com/2021/09/cypress-end-to-end-testing/

В спецификации HTML появится новый элемент <search>, предложенный Скоттом Охарой. Он поможет разметить в интерфейсе форму поиска или фильтрации, а также вывод результатов.

Пул-реквест https://github.com/whatwg/html/pull/7320
Превью описания https://whatpr.org/html/7320/grouping-content.html#the-search-element

Assistiv Labs запустила сервис для удалённого тестирования в скринридерах прямо в браузере. Сервис уже работает с NVDA, Narrator, JAWS и с режимом высокой контрастности и лупой на Windows. Планируется поддержка VoiceOver и лупы в macOS.

https://assistivlabs.com/

Дженерики в TypeScript. Сергей Вахрамов рассказывает в блоге Tinkoff на Хабре про обобщённые типы для тех, кто их боится, или не знает об их существовании и удобстве.

https://habr.com/p/588655/

Полезные React-хуки. Ифеани Дике на примерах объясняет, как работают встроенные в библиотеку React хуки и зачем они нужны.

https://www.smashingmagazine.com/2021/11/useful-react-hooks/

Выпуск №308: Никита Дубко, Глеб Михеев, Вадим Макеев про HTML-элемент search и парсеры, кастомные свойства, contain и перфоманс, TypeScript и Angular 13.

Слушайте на Ютубе https://youtu.be/6fzevSalTtI
Ссылки на сайте https://web-standards.ru/podcast/308/

00:02:52 События
00:07:38 HTML-элемент search
00:13:59 Парсеры HTML
00:21:39 Пути в кастомных свойствах
00:28:38 Contain и перфоманс
00:38:30 Дженерики в TypeScript
00:49:33 Angular 13
01:00:01 Агностичные компоненты

Spacing.js. Стивен Лей делится инструментом для измерения расстояний между элементами на странице.

https://spacingjs.com/

Нативные табы в HTML. Дейв Руперт делится прогрессом рабочей группы Tabvengers из проекта Open UI по задаче внедрения нативных табов в спецификацию и браузеры.

https://daverupert.com/2021/10/native-html-tabs/

Новинки Chrome 96 в обзоре Пита Лепажа: новые свойства для PWA-манифеста, подсказки приоритета для загрузки ресурсов, эмуляция Chrome 100 в User Agent и другие.

Видео https://youtu.be/PPukHsOH_BI
Текст https://developer.chrome.com/blog/new-in-chrome-96/

Генератор палитры теней. Джош Камю делится инструментом генерации плавных теней, учитывающих цвет фона, и объясняет, как он работает.

https://www.joshwcomeau.com/css/introducing-shadow-palette-generator/

Использование position: sticky внутри гридов. Ахмад Шадид собирает пример залипающего бокового меню на CSS.

https://ishadeed.com/article/position-sticky-css-grid/

Доступный компонент «из коробки». Никита Дубко объясняет, зачем нужна доступность и как люди пользуются сайтами. А потом предлагает чек-лист для создания доступного компонента, чтобы сразу делать хорошо и не переделывать потом.

https://web-standards.ru/articles/a11y-from-scratch/

Руководство по современным цветам в CSS. Мишель Баркер рассказывает о способах работы с цветами в дизайн-системах и показывает, как можно будет с ними работать в ближайшем будущем в браузерах.

https://www.smashingmagazine.com/2021/11/guide-modern-css-colors/

Видео докладов и воркшопов с конференции TSConf 2021: типы в TypeScript, понимание компилятора, детали конфигурации, защита от XSS, инструменты для GraphQL и другие темы.

https://youtube.com/playlist?list=PL2z7rCjEG2kubUfEAHu-08-aK3Tyn9Zxe

Обновление lite-youtube 1.0. Джастин Рибейро рассказывает про мажорное обновление популярного веб-компонента для производительного встраивания YouTube-видео на сайт.

https://justinribeiro.com/chronicle/2021/11/18/lite-youtube-web-component-goes-1.0-offers-more-features/

Что нового в PageSpeed Insights. Лина Сохони, Эдди Османи и Элизабет Суини рассказывают про новые возможности инструмента: разделение данных на лабораторные и полевые, переделанная навигация, дополнительная информация о сборе данных и другие.

https://web.dev/whats-new-pagespeed-insights/

Мифы о доступности: разоблачение. Сергей Кригер аргументированно отвечает на популярные мнения о том, почему доступность сайтов реализовывать не нужно.

https://a11ymyths.com/