[Перевод] Как Discord реализовал навигацию клавиатурой по всему приложению

Скрипты и советы | 7 апреля 2022

Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, HTML, Usability, ReactJS, discord, frontend, layout, верстка, стили, css, accessibility, javascript, react, keyboard,

Мы делаем Discord доступным для каждого. В 2020 году мы многое сделали, чтобы значительно улучшить ассебилити в приложении. Остаётся ещё много работы, но мы уже сейчас можем рассказать об одном из наших последних проектов - Навигация по клавиатуре.

Далее по катом.

Читать далее
[Перевод] Гибкие таблицы на CSS Grid

Просмотр списка лидов («холодных» контактов) Поскольку мы уже запустились, я, наконец, могу рассказать о секретном...

Подробнее
[Перевод] Большой отчёт об изменениях в веб-доступности

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

Подробнее
За сколько секунд должен загружаться веб-сайт в 2020, что такое «быстро», и причем тут зеркала в лифтах?

Казалось бы, померил время от HTTP-запроса браузера до загрузки последнего байта страницы — и готово. Not so fast! У...

Подробнее
[Перевод] Как трёх программистов уволили из-за единственного сбоя в приложении

Сейчас я тружусь на своей третьей работе. С первой работы меня уволили, со второй я ушла сама. Но увольнение стало для...

Подробнее
Пот, слезы и учет времени — как мы повышали рентабельность компании

Мы продолжаем делиться внутренней кухней WebCanape и выдавать все наши самые страшные тайны. В прошлый раз я...

Подробнее
[Перевод] Готовим console.log() правильно

Специально к старту нового потока курса «Frontend-разработчик» делимся с вами полезным переводом. Автор рассказывает,...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями