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

Технические предпочтения пользователей с нарушениями зрения в 2020 году. Никита Цейковец с результатами исследования Яндекса, которое поможет сфокусировать усилия по разработке доступных интерфейсов — https://habr.com/p/515460/

00:02:02 PhoneGap всё
00:09:26 Решение проблемы фокуса
00:14:46 Система цветов и тем
00:23:37 Зачем в CSS километры
00:28:32 Кризис Mozilla и бесплатный веб

Выпуск №243: PhoneGap всё, проблема фокуса, цвета и темы, зачем в CSS км, кризис Mozilla и бесплатный веб. Слушайте на Ютубе https://youtu.be/GEyMgXiAiLA, читайте на Медиуме https://medium.com/p/1dba09be0713

Супергеройская раскладка: комбинируем гриды и CSS-фигуры. Антон Болл повторяет эффект кадрирования из комиксов с помощью clip-path: polygon() — https://medium.com/p/26a60acef643

Как сделать интерфейс лучше для пользователя с помощью CSS-анимаций. Стефани Уолтер со множеством примеров кода и видео, которые показывают как сделать полезные, быстрые и доступные анимации — https://stephaniewalter.design/blog/enhancing-user-experience-with-css-animations/

Как начать думать функционально в JavaScript. Алекс Рицкован предлагает отвлечься от особенностей языка, начать думать более абстрактно и перейти к более декларативному стилю кодирования. В переводе на CSS-Live — https://css-live.ru/articles/kak-nachat-dumat-funkcionalno-v-javascript.html

Обзор инструментов для отладки доступности в Chrome DevTools. Умар Ханса про контрастность цветов, инспектор дерева доступности, проверки Lighthouse, эмуляцию цветовых особенностей восприятия и новые тултипы — https://www.smashingmagazine.com/2020/08/accessibility-chrome-devtools/

Прокачиваем <input type=number>. Килиан Валькхоф добавлет в обычное поле клавиши-модификаторы, которые со стрелками вверх и вниз меняют кратность значения: Alt ×0,1, Shift ×10, Ctrl/Cmd ×100 — https://kilianvalkhof.com/2020/javascript/supercharging-input-type-number/

Единицы размеров в CSS. Юля Бухвалова с обзором всех существующих единиц измерения: от знакомых px, em, ch, ex до динамических vw, vh, vmin, vmax — http://css.yoksel.ru/size-units/

Хакатон «Build for Belarus» пройдёт онлайн 14–16 августа. Участники помогут разработать технические решения для коммуникации, безопасности и поддержки пострадавших в протестах.

Сайт хакатона https://eventornado.com/event/build-for-belarus
Событие на Фейсбуке https://www.facebook.com/events/492050428325842

Генератор пунктирных рамок Амита Шина использует градиенты для создания множества вариаций, которые будут выглядеть одинаково во всех браузерах, в отличие от встроенных border-style: dotted и dashed — https://codepen.io/amitsheen/pen/xxZeyjO

Настройка цветовых схем приложений с помощью кастомных CSS-свойств. Артур Басяк предлагает разделить цвета на три уровня для гибкого управления: палитра, тема, цвета компонента — https://www.smashingmagazine.com/2020/08/application-color-schemes-css-custom-properties/

Зависимости в JavaScript. Серия статей Славы Фомина в блоге ДомКлик на Хабре:

Управление зависимостями https://habr.com/p/509440/
Установка и обновление https://habr.com/p/510812/
Выбор зависимостей https://habr.com/p/512154/
Lock-файлы npm https://habr.com/p/513130/

TypeScript без TypeScript. Кейлеб Уильямс о встроенной в TS возможности проверять обычный JS по JSDoc для ситуаций, в которых переход не оправдан или связан со сложностями — https://css-tricks.com/typescript-minus-typescript/

Хороший и плохой focus. Вадим Макеев про фокус на ссылках по умолчанию, задание своего фокуса, особенности браузеров и решение давней проблемы с помощью :focus-visible и полифила к нему — https://youtu.be/EHg7DeciuW8

A11y Coffee. Краткий сборник Эмберли Ромо с информацией по доступности: введение, простые победы, тестирование и погружение в тему — https://a11y.coffee/

00:01:08 События
00:03:47 Инспектор гридов в Chrome
00:09:27 Долгожданная настройка форм
00:23:03 Хитрый сбор всех CSS-свойств
00:29:41 Content-visibility
00:37:57 Польза вариативных шрифтов
00:53:06 Бесконечные списки

Выпуск №242: Инспектор гридов, настройка форм, content-visibility, вариативные шрифты, бесконечные списки. Слушайте на Ютубе https://youtu.be/-FSA3nbEQOE, читайте на Медиуме https://medium.com/p/88c8c5f13710