Существует довольно популярный сайт https://custom-elements-everywhere.com где показывается как работают веб-компоненты в разных фреймворках. Почти у всех фреймворков там красивый 100% результат, но у React там очень настораживающие 71%:
Многие пользователи смотрят на эту страничку и делают вывод, что React плохо поддерживает не только веб-компоненты, но и DOM API в принципе. Так ли это? Действительно ли все плохо?
Давайте разбираться!
Принято говорить, что такого-то числа отмечается такое-то событие. Так вот, 7 октября — международный день поддержки людей с ДЦП, но слово «отмечается» вряд ли хоть сколько-нибудь уместно, ведь это не праздник с тортом и свечками. Аббревиатура настолько значимая, что ей в международном календаре отведена отдельная дата.
В прошлом году наши старые друзья в лице агентства «Сметана» разработали «Доброшрифт» — шрифт, каждая буква которого написана ребёнком с ДЦП, а позже оцифрована. Идею с заменой логотипа поддержали многие компании, благодаря чему удалось превратить задумку в масштабную кампанию, цель которой — привлечь внимание к проблеме и собрать средства на индивидуальные программы реабилитации детей.
Читать полностью »
Уверен, многие хоть раз создавали всплывающее модальное окно. Но задумывались ли вы об определении этого компонента? Как он должен работать?
В этом материале я постарался собрать максимально полный свод правил, рекомендаций и примеров реализации по которым модальные окна должны работать.
Я покажу, как просто создавать сложные, удобные, производительные и доступные модальные окна независимо от браузера, платформы, устройства или способа взаимодействия пользователя.
Этот список сформирован на основе спецификаций WAI-ARIA, HTML Living Standard и моего личного опыта. И хотя я буду говорить про веб, большинство правил и рекомендаций применимы для модальных окон где угодно.
Ученые из Питтсбурга взялись за исследование, посвященное изучению пользы беспилотных автомобилей для людей с ограниченными возможностями. Сразу перейду к результатам: эффект этого взаимодействия будет исключительно положительным.
Когда я работал в команде, занимающейся автомобилем от Google (сейчас эта компания называется Waymo), я настаивал на том, чтобы мы начали с сервиса для людей с ограниченными возможностями. Мы так и не создали этот сервис, хотя первая большая публичная демонстрация прототипа от Google позволила местному защитнику прав незрячих людей выполнять ряд своих повседневных задач. Стив Мэхэн, выступивший в роли пассажира, сказал, что возможность самостоятельно выбраться в мир на автомобиле впервые со времен, когда он лишился зрения, подарила ему чувство свободы.
Позже Мэхэн поучаствовал в проекте еще раз и в полном одиночестве совершил поездку на автомобиле Google 3-го поколения. Сергей Брин, который в то время руководил проектом, был очень заинтересован в демонстрации этих возможностей.
Речь не только о проблемах со зрением – мобильность нужна очень разным людям с ограниченными возможностями, включая, конечно, тех, кто не имеет возможности ходить. Сегодня транспортировка в инвалидной коляске для многих является довольно сложной задачей. Рынок очень мал, специализированные автомобили и фургоны могут стоить очень дорого (особенно для людей, уровень доходов у которых ниже среднего). Многие вынуждены пользоваться общественным транспортом, у которого имеется множество своих проблем.
Читать полностью »
Книга раскрывает, порой не очевидные для дизайнеров и фронтендеров, темы оформления полей, концепции работы с типами данных и юзабилити. Книга будет полезна и новичкам и разбирающимся в теме проектировщикам интерфейсов, т. к. первым даст понимание основ, а вторым пищу для размышлений над, порой спорными, паттернами проектирования. Обзор будет представлен в виде коротких тезисов из книги и краткими комментариями обзорщика.
Читать полностью »
В феврале Яндекс провёл вторую конференцию «Я 
Фронтенд». Мы сделали её непохожей на наши традиционные Я.Субботники — почти все спикеры были не из Яндекса, чтобы зрители могли узнать об опыте разных компаний и разработчиков. За день было съедено 10 кг мармелада, гости посмотрели, как работает робот-курьер Яндекс.Ровер, а вечером поболели за участников контеста Code in the Dark.
Как всегда, мы опубликуем конспекты нескольких докладов с конференции. Иван Бакаидов ibakaidov работает программистом в компании LINKa в Санкт-Петербурге. Он создатель программ альтернативной коммуникации и защитник прав людей без подписи. Ваня выступал на сессии комиссии по делам глухих в чрезвычайных ситуациях гуманитарного саммита ООН в Стамбуле. У нас на конференции он рассказал о «глазных интерфейсах» — поделился опытом разработки детских обучающих игр и приложений, управляемых с помощью устройства отслеживания взгляда и предназначенных для людей с ограниченными возможностями здоровья. Из конспекта и видео вы узнаете о подводных камнях в создании «глазных интерфейсов» и сможете ответить для себя на вопрос, будущее ли это.
Читать полностью »
Когда берёшься адаптировать приложение для незрячих, часто что-то идёт не так: то порядок собьётся, то фокус не туда встанет. С другой стороны, есть UX, который легко пропустить, потому что не знаешь про возможные проблемы. В этой статье будем разбираться с типовыми проблемами и их решением.
Привет! Недавно я говорил про адаптацию приложений для незрячих и неподвижных людей. И не договорил!
Сегодня расскажу, как изменить поведение контролов с помощью accessibilityTraits и сделать жизнь незрячих чуть удобней. Знать работу этих трейтов (traits) важно, чтобы не писать свои костыли.
Яндекс во второй половине нулевых начал проводить встречи по фронтенду — тогда их аудиторию часто называли верстальщиками. Недавно мы отметили 10-летие Я.Субботника по фронтенду. Но Я.Субботник традиционно строится вокруг докладов о технологиях Яндекса. Сообществу и нам нужна была конференция по разработке интерфейсов, участники которой могли бы узнать об опыте разных компаний и standalone-разработчиков. Мы не раз устраивали такие события в регионах — но не в Москве. Год назад мы заполнили этот пробел, проведя конференцию «Я 
Фронтенд». Судя по отзывам, получилось неплохо — 29 февраля будет следующая серия.
Прямой эфир со второй конференции «Я 
Фронтенд» начнётся в 11:00. Он пройдёт в канале «Фронтенд» на YouTube, в группах «Яндекс для разработчиков» во ВКонтакте и Фейсбуке, а также на странице мероприятия — по ссылке можно оставить почту, если вы хотите получить напоминание о трансляции. Вот её программа:
Читать полностью »
