Size: a a a

Веб-стандарты

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

Слушайте на Ютубе https://youtu.be/weN3OsILMt0
Читайте на Медиуме https://medium.com/p/cac8bea0a7b4
источник
Веб-стандарты
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 Системные шрифты
источник
2021 March 16
Веб-стандарты
Визуализатор специфичности. Франческо Шварц собрал инструмент для визуального анализа специфичности селекторов в CSS-коде проекта.

https://isellsoap.github.io/specificity-visualizer/
источник
Веб-стандарты
Удоб­ный до­ступ к бу­фе­ру об­ме­на с Clipboard API. Павел Минеев сравнивает старый API execCommand с новым navigator.clipboard, рассказывает зачем это всё нужно и показывает примеры кода.

https://web-standards.ru/articles/clipboard-api/
источник
2021 March 17
Веб-стандарты
Semver-калькулятор для npm. Утилита, позволяющая подобрать подходящий диапазон версий npm-пакета, с пояснением, как работает семантическое версионирование.

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

https://web.dev/javascript-this/
источник
Веб-стандарты
Работа со шрифтами для веба. Сара Суайдан делится инструкцией, как установить и настроить утилиту glyphhanger для конвертации и сабсеттинга веб-шрифтов из командной строки.

https://www.sarasoueidan.com/blog/glyphhanger/
источник
2021 March 18
Веб-стандарты
Разрывы строки для длинных ссылок. Рубен Лилли показывает, как при помощи <wbr> можно контролировать места, в которых длинные слова можно переносить на следующую строку.

https://css-tricks.com/better-line-breaks-for-long-urls/
источник
Веб-стандарты
Официальная вложенность в CSS — последний кусочек пазла. Бен Фрейн размышляет, почему правило @​nest позволит отказаться от препроцессоров.

https://benfrain.com/official-css-nesting-the-last-piece-of-the-puzzle/
источник
Веб-стандарты
Распутываем сложности в шаблонах доступности. Кари Фишер рассказывает, как выбрать оптимальное решение, когда есть несколько хороших вариантов реализации.

https://www.smashingmagazine.com/2021/03/good-better-best-untangling-complex-world-accessible-patterns/
источник
2021 March 19
Веб-стандарты
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
источник
Веб-стандарты
Яндекс открыл набор на летнюю оплачиваемую стажировку для фронтенд-разработчиков и других специальностей. Заявки принимаются до 31 мая. Стажировки пройдут в Москве, Санкт-Петербурге, Екатеринбурге, Нижнем Новгороде, Новосибирске, Сочи и Минске.

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

https://blog.logrocket.com/whats-new-in-gatsby-3-0/
источник
2021 March 22
Веб-стандарты
Вот, что я называю сервис-воркером! Джереми Вагнер показывает, как использовать сервис-воркеры для более эффективной оптимизации трафика за счёт кэширования повторяющихся частей страниц.

https://alistapart.com/article/now-thats-what-i-call-service-worker/
источник
Веб-стандарты
Генерация карточек для Open Graph. Сальма Алам-Нейлор рассказывает, как при помощи Puppeteer и Node.js генерировать картинки для превью страниц в социальных сетях.

https://www.contentful.com/blog/2021/03/17/puppeteer-node-open-graph-screenshot-for-socials/
источник
Веб-стандарты
Выпуск №274. Никита Дубко, Вадим Макеев, Маша Просвирнина про новинки V8, бету Chrome 90 и веб-бандлы, ненастоящие PWA и нативный CSS Nesting.

Слушайте на Ютубе https://youtu.be/RaANSwxTtTc
Читайте на Медиуме https://medium.com/p/3ae903c011af
источник
Веб-стандарты
00:00:42 События
00:04:10 Что нового в V8
00:09:39 Бета Chrome 90
00:32:43 Ненастоящие PWA
00:45:40 CSS Nesting
источник
2021 March 23
Веб-стандарты
Руководство по доступным фронтенд-компонентам. Виталий Фридман с большой коллекцией подходов к реализации доступности различных элементов интерфейса на Smashing Magazine.

https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/
источник
Веб-стандарты
Укрощение режимов наложения. Ана Тюдор подробно разбирает, как работают режимы difference и exclusion и для чего их можно применять в интерфейсах.

https://css-tricks.com/taming-blend-modes-difference-and-exclusion/
источник
Веб-стандарты
Закрытие по клику снаружи. Китти Жирадель делится реализацией меню, которое закрывается, когда теряет фокус или происходит клик за его пределами.

https://kittygiraudel.com/2021/03/18/close-on-outside-click/
источник