Телеграмм чат группы webstandards

Size: a a a

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

2020 October 06

Серия «Дизайн в браузере» Юны Кравец. Выпуски по доступности интерфейсов:

Семантика https://youtu.be/arMgwKY52Bs
Цвета https://youtu.be/sEDnmNtEaqQ
Навигация https://youtu.be/qD7SecF8qWA
Медиа https://youtu.be/F9VCfA6JJ9U
Анимация https://youtu.be/_ZdZh-ESOHY

Плейлист всей серии https://www.youtube.com/playlist?list=PLNYkxOF6rcIDI0QtJvW6vKonTxn6azCsD

источник

674216:02пожаловаться #1

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

Зачем нужна выделенная Frontend Core команда и как мы внедряли дизайн систему. Ростислав Горяйнов в блоге ДомКлик на Хабре — https://habr.com/p/520630/

источник

666518:00пожаловаться #2

2020 October 07

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

Новинки Chrome 86 в обзоре Пита Лепажа: включённый по умолчанию File System Access API, Web HID для контроллеров и Multi-screen Window Placement API для управления окнами, новый псевдокласс :focus-visible и псевдоэлемент ::marker в CSS — https://developers.google.com/web/updates/2020/10/nic86

источник

654813:47пожаловаться #3

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

Подробное введение, примеры использования и отладки CSS-переменных (или кастомных свойств) в блоге Ахмада Шадида — https://ishadeed.com/article/css-vars-101/

источник

677516:00пожаловаться #4

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

Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt? Андрей Полесный об экспериментах с новыми технологиями в рамках Jamstack в поисках подходящего решения. В переводе на Хабре — https://habr.com/p/521820/

источник

723918:00пожаловаться #5

2020 October 08

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

Эмуляция недостатков зрения в DevTools. Эдди Османи показывает, как в Chrome и Puppeteer включить режим эмуляции размытого зрения или цветовой слепоты для инклюзивного тестирования страниц — https://addyosmani.com/blog/emulate-vision-deficiencies-devtools/

источник

712312:00пожаловаться #6

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

Ханна Милан делится пополняющимся списком инструментов, плагинов, статей и ресурсов про работу с доступностью в вебе — https://a11yresources.webflow.io/

источник

693115:00пожаловаться #7

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

Google продолжает раскатывать поддержку нового протокола HTTP/3 на основе собственной разработки QUIC. 25% пользователей Chrome уже используют черновую версию протокола, что показывает улучшения для сервисов Google. Подробнее в блоге Chromium — https://blog.chromium.org/2020/10/chrome-is-deploying-http3-and-ietf-quic.html

источник

758018:00пожаловаться #8

2020 October 09

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

Фолбэки для шрифтов. Марчин Вихари объясняет, что происходит, когда в шрифте нет нужного символа, в переводе на Хабре — https://habr.com/p/521740/

источник

790012:00пожаловаться #9

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

Маски в CSS. Рэйчел Эндрю рассказывает, как, где и для чего может быть полезно наложение CSS-масок на изображения — https://web.dev/css-masking/

источник

810415:00пожаловаться #10

2020 October 12

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

Мажорное обновление Webpack 5: улучшенная производительность сборки, новые алгоритмы долгосрочного кэширования, улучшение совместимости с веб-платформой, обновлённые три-шейкинг и кодогенерация и другие особенности — https://webpack.js.org/blog/2020-10-10-webpack-5-release/

источник

806613:32пожаловаться #11

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

:focus-visible уже здесь. Маттиас Отт объясняет принцип работы псевдокласса, появившегося в Chrome 86, и показывает, как при помощи полифила добавить поддержку в старых браузерах — https://matthiasott.com/notes/focus-visible-is-here

источник

656916:00пожаловаться #12

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

Подробное руководство по медиавыражениям: анатомия выражений, доступные типы, фичи и операторы, их браузерная поддержка — https://css-tricks.com/a-complete-guide-to-css-media-queries/

источник

672018:00пожаловаться #13

2020 October 13

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

DevFest 2020 пройдёт онлайн 17 октября и объединит GDG-сообщества России и Беларуси. Во фронтенд-потоке 5 докладов: <img>, RxJS Observable, UI KIT на Angular, редактор майндмэпов, интернационализация JS-приложений — https://gdg-russia.com/#!/tab/235456433-2

источник

634012:00пожаловаться #14

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

Лия Веру делится хаком, как при помощи пустой CSS-переменной (--var: ;) имитировать условный оператор if в CSS — https://lea.verou.me/2020/10/the-var-space-hack-to-toggle-multiple-values-with-one-custom-property/

источник

662216:23пожаловаться #15

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

Выпуск №251: Chrome 86, Safari и Firefox, начало UI-кита, SSR и Next.js, про Зара и JS-марафоны. В гостях Зар Захаров. Слушайте на Ютубе https://youtu.be/IYUP3GCMmb4, читайте на Медиуме https://medium.com/p/1497c96a40f8

источник

632717:07пожаловаться #16

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

251.mp3

(33.25 Мб)

00:01:23 События
00:12:23 Chrome 86
00:21:38 Safari и Firefox
00:26:04 Начало UI-кита
00:38:13 SSR и Next.js
00:50:03 Про Зара
00:58:22 JS-марафоны

источник

655017:07пожаловаться #17

2020 October 14

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

Workbox как набор инструментов для работы с сервис-воркерами. Святослав Козинец рассказывает, как облегчить продумывание нюансов жизненного цикла сервис-воркеров при помощи готового инструмента — https://habr.com/p/523106/

источник

664412:00пожаловаться #18

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

Figma: сделай сам. Роман Шамин показывает, как с нуля написать свой плагин для работы с цветами в Figma, используя базовые знания HTML, CSS и JS — https://evilmartians.com/chronicles/figma-diy-building-a-color-system-plugin

источник

666515:00пожаловаться #19

2020 October 15

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

Chrome Dev Summit пройдёт онлайн 9–10 декабря. Помимо основной программы с докладами, можно будет записаться на консультации и воркшопы с сотрудниками Google — https://developer.chrome.com/devsummit/

источник

645512:00пожаловаться #20