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

00:02:35 События 00:05:38 Полифил для Container Queries 00:13:44 Remix альтернатива Next.js 00:29:04 Состояние PWA в 2021 00:46:49 TypeScript в Etsy 00:54:49 Ресеты для CSS

Веб-стандарты - 310. Полифил для Container Queries, Remix вместо Next.js, PWA в…

audio/mpeg3

Выпуск №310: Вадим Макеев, Никита Дубко, Андрей Мелихов про полифил для Container Queries, Remix вместо Next.js, PWA в 2021, TypeScript в Etsy и CSS-ресеты. Слушайте на Ютубе https://youtu.be/dpfcF6hMzao Ссылки на сайте https://web-standards.ru/podcast/310/

Как отрендерить 3D в 2D. Луи Хёбрегтс объясняет, как подготовить объекты из 3D-сцены для отрисовки на JavaScript Canvas 2D API. www.mamboleoo.be/article…d-canvas

Скорость вычислений WebGPU в сравнении с WebGL. Денис Радин делится результатами эксперимента с замерами вычислений и объясняет различия между технологиями. pixelscommander.com/ru/java…to-webgl

Новинки движка Gatsby 3.0 в анонсе Касры Косрави: выборочная сборка при старте, инкрементальная сборка для всех, новый плагин для картинок, ускоренный хостинг, React 17 и другие обновлённые зависимости.

https://blog.logrocket.com/whats-new-in-gatsby-3-0/

Яндекс открыл набор на летнюю оплачиваемую стажировку для фронтенд-разработчиков и других специальностей. Заявки принимаются до 31 мая. Стажировки пройдут в Москве, Санкт-Петербурге, Екатеринбурге, Нижнем Новгороде, Новосибирске, Сочи и Минске.

https://yandex.ru/yaintern/int_05

International Women’s Day Russia пройдёт онлайн в субботу 20 марта, старт в 12:00 (GMT+3). В одном из четырёх потоков — фронтенд: доступность, перфоманс, новички в проекте, CSS-анимация и графика для веба.

Программа https://gdg-russia.com/iwd2021#!/tab/279875282-2
Плейлист https://www.youtube.com/playlist?list=PLGlZ_ld11os9GVrwyJrZt6NfhH4H_VNuU

Распутываем сложности в шаблонах доступности. Кари Фишер рассказывает, как выбрать оптимальное решение, когда есть несколько хороших вариантов реализации.

https://www.smashingmagazine.com/2021/03/good-better-best-untangling-complex-world-accessible-patterns/

Официальная вложенность в CSS — последний кусочек пазла. Бен Фрейн размышляет, почему правило @​nest позволит отказаться от препроцессоров.

https://benfrain.com/official-css-nesting-the-last-piece-of-the-puzzle/

Разрывы строки для длинных ссылок. Рубен Лилли показывает, как при помощи <wbr> можно контролировать места, в которых длинные слова можно переносить на следующую строку.

https://css-tricks.com/better-line-breaks-for-long-urls/

Работа со шрифтами для веба. Сара Суайдан делится инструкцией, как установить и настроить утилиту glyphhanger для конвертации и сабсеттинга веб-шрифтов из командной строки.

https://www.sarasoueidan.com/blog/glyphhanger/

Что значит this? Джейк Арчибальд с подробным объяснением, как работает this в JavaScript в разных случаях.

https://web.dev/javascript-this/

Semver-калькулятор для npm. Утилита, позволяющая подобрать подходящий диапазон версий npm-пакета, с пояснением, как работает семантическое версионирование.

https://semver.npmjs.com/

Удоб­ный до­ступ к бу­фе­ру об­ме­на с Clipboard API. Павел Минеев сравнивает старый API execCommand с новым navigator.clipboard, рассказывает зачем это всё нужно и показывает примеры кода.

https://web-standards.ru/articles/clipboard-api/

Визуализатор специфичности. Франческо Шварц собрал инструмент для визуального анализа специфичности селекторов в CSS-коде проекта.

https://isellsoap.github.io/specificity-visualizer/

00:01:04 События
00:06:35 Старый Edge всё
00:12:02 Новинки Safari TP
00:21:54 React Native и Preact
00:29:02 MDN по-русски
00:33:12 Стили для печати
00:41:46 EditorConfig
00:48:35 Ховер или клик
00:57:31 Системные шрифты

Выпуск №273. Андрей Мелихов, Вадим Макеев, Никита Дубко про старый Edge, новый Safari, React Native и Preact, MDN по-русски, печать, EditorConfig, ховеры и шрифты.

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

Клик или ховер. Размышления, почему стоит избегать привязки функциональности к наведению курсора на элемент и заменять ховер на клик.

https://wecreate.digital/blog/menu-clicks-vs-hover/