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

Навигация с клавиатуры и с помощью скринридера. Леони Уотсон объясняет разницу в короткой заметке https://tink.uk/the-difference-between-keyboard-and-screen-reader-navigation/ и демонстрирует скринридер на видео https://youtu.be/iUCYPM6up9M

16 видео с главной сцены конференции РИТ++ в Москве: состояние CSS, опенсорс, качественный код, распил монолита, приключения во фронтенде, метрики, GraphQL, автоматизация, перфоманс.

Первый день: https://youtu.be/V95bBGB-89Y
Второй день: https://youtu.be/a5kq-Yk28po

W3C и WHATWG подписали меморандум о совместной работе над едиными спецификациями HTML и DOM. Илья Стрельцын с подробностями на CSS-Live — https://css-live.ru/vecssti-s-polej/w3c-i-whatwg-neuzheli-dolgozhdannyj-mir.html

Документальный фильм про Ember.js: почему проект появился, кто был среди создателей, как он развивался и что его ждёт дальше. Интервью с создателями Иехудой Кацем, Томом Дейлом и другими участниками сообщества Ember — https://youtu.be/7Ym2ADCn77Q

Простой генератор CSS-гридов Сары Дрэснер — https://cssgrid-generator.netlify.com/

Выпуск №177: Edge, Firefox, Blink, font-display в Google Fonts, иконочные шрифты, формы и клавиатура, доступные меню, кнопки и картинки. Ссылки на Медиуме https://medium.com/p/2c156a771c3d или на Ютубе https://youtu.be/7XKDuroNHY8

Прямая трансляция с конференции HolyJS в Петербурге прямо сейчас: видео https://youtu.be/WXzbhuZ-iDw и расписание (зал 1) https://holyjs-piter.ru/#schedule

Поправьте веб-приложение для поиска Google. Интерактивный практикум на 20 минут учит правильной разметке и описанию сайта для лучшего отображения в результатах поиска на примере одностраничного приложения — https://codelabs.developers.google.com/codelabs/making-a-single-page-app-search-friendly/

Переезжаем с jQuery на Vue. Рэймонд Камдэн сравнивает возможности библиотек и перевозит сайт на новый стек — https://css-tricks.com/making-the-move-from-jquery-to-vue/

Исчезающие фреймворки. Расшифровка и видео доклада Павла Малышева с Frontend Conf 2018 про новый подход работы без рантайма, который применяется в Svelte, Stencil, Glimmer, Marko от eBay и частично в Angular — https://habr.com/p/450822/

Гибкие таблицы на гридах. Адам Линч адаптирует сложные таблицы для мобильных экранов в переводе на Хабре — https://habr.com/p/452922/

Доступные кнопки с иконками. Сара Суайдан про пять техник создания кнопок, доступных для скринридеров: от visually-hidden до aria-labelledby — https://www.sarasoueidan.com/blog/accessible-icon-buttons/

Первая сборка Microsoft Edge (на Chromium 76) для macOS: пока на канале Canary (ежедневные сборки), скоро выйдет Dev (еженедельные), потом Beta (каждые шесть недель) и дальше уже финальная версия — https://blogs.windows.com/msedgedev/2019/05/20/microsoft-edge-macos-canary-preview/

Новинки Firefox 67 в обзоре Марата Таналина: динамические импорты JS-модулей, matchAll для строк, значение revert в CSS, prefers-color-scheme: light или dark, новый быстрый декодер кодека AV1, движок отрисовки WebRender и другое — http://tanalin.com/blog/2019/05/firefox-67/

Инклюзивные компоненты: меню и кнопки меню. Хейдон Пикеринг рассказывает, чем навигационные меню отличаются от кнопок меню и почему применять ARIA-атрибуты нужно только со знанием дела. В переводе Татьяны Фокиной на «Веб-стандартах» — https://medium.com/p/7f3aa1ad008d

Пишем чистый и масштабируемый JS-код. 12 советов Лукаса Гисдера-Дуби в переводе на Хабре: изоляция, модули, параметры, деструктурирование, параметры по умолчанию, данные в функциях, сложность кода, форматирование, именование, синхронность, логирование — https://habr.com/p/452562/

Выпуск №176: Новости с Google I/O и Microsoft Build, вечнозелёный Гугл-бот, font-display в Google Fonts, перфоманс и порталы, более нативный веб, тестирование и Puppeteer, IE в Edge и реестр GitHub. Ссылки на Медиуме https://medium.com/p/1d88cfc4bc49 или на Ютубе https://youtu.be/F7fTSPTJITk

CSS Spatial Navigation Level 1. Первый публичный рабочий черновик спецификации по пространственной навигации между интерактивными элементами с помощью стрелок на клавиатуре — https://www.w3.org/TR/css-nav-1/