А ваш сайт доступен с клавиатуры?
Клавиатура — иногда единственный способ сделать что-то в интернете, если внезапно сломалась мышь. А ещё встречаются пользователи, которые могут перемещаться по сайту только при помощи клавиатуры. Как правильно закодить интерфейс, удобный для пользователей клавиатур, насколько это трудозатратно, и в какую шпаргалку подсмотреть, чтобы реализовать сложные вещи? Вооружимся клавишей Tab и проверим! Доклад будет полезен всем, кто участвует в проектировании интерфейсов с клавиатуры. Для разработчиков веба в докладе будут примеры кода.
YaTalks
37 min
Создание универсальной UI-библиотеки
Евгений Тропин
Доклад будет полезен разработчикам, которые создают свою библиотеку компонентов и заботятся о доступности интерфейсов.
FrontendConf
51 min
Drag&Drop-компоненты для слепых пользователей. Вы шутите?
Сергей Кригер
Передвигать вещи для нас настолько естественно, что мы перенесли это из мира вещей в веб. Сортировка todo-списков, организация дашбордов, загрузка файлов — мы просто не можем себе представить все эти…
Я.Субботник
47 min
@yandex ui
Владимир Гринеко
Презентация @yandex/ui — open source библиотеки React-компонентов от Яндекса. Компоненты используются внутри и отвечают самым строгим требованиям: темизируемость (дизайн отдельно, управление визуалом…
YaTalks
45 min
Как и зачем проводить тесты с незрячими людьми?
Валерия Курмак, Анатолий Попко
Поговорим о доступности цифрового контента и сервисов, вместе попробуем ответить на важные вопросы: Почему важно проводить тесты с незрячими пользователями? Почему автоматизированных тестов или само…
CSSCAMP
26 min
Time Control in Web Accessibility
Сергей Кригер
The time of plain web pages and dial-up internet is gone forever. We live in the world where our devices are able to simultaneously operate with tons of data. Tweets, notifications, alert messages, p…
JSConf Budapest
29 min
Mastering UIs with Finite State Machines
Rubén Sospedra
Did you ever feel like monkey patching your UI component? Adding too many if/else, handling a lot of complexity or hacking several non-desired side effects. Did you ever have a problem with double-cl…
React Advanced
24 min
What a Drag
Vojtech Miksu
"Can we do this thing drag and droppable?". That’s one of the sentences that every front end developer fears the most. There are many DnD libraries out there but did you ever consider building someth…
FrontendConf
51 min
Web Components and the AOM
Léonie Watson
We can use Web Components to create reusable solutions. With Custom Elements, the Shadow DOM, HTML Templates, the Web Speech API, and a little ARIA, we can create a progressively more advanced soluti…
HolyJS
43 min
Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд
Виталий Полещук, Стёпа Михайлюк
Фронтенд — это огромное количество форм, представляющих собой однотипный код, который нужно писать и поддерживать для разных платформ. Нашего брата, фронтендера, порой называют обидным словом «Формаш…
FrontendConf
42 min
Production Ready Design
Ксения Лушникова
В нашей команде Яндекс.Денег мы выработали подход разработки и дизайна веб-интерфейсов. Я покажу, как легко мы собираем живые интерфейсы и передаём их в продакшн, как создаётся дизайн Яндекс.Кассы и…
TechTrain
67 min
Эволюция способов сохранения конфиденциальной информации в секрете
Александра Калинина
Каждый программист в своей жизни встречается с информацией, которую необходимо держать в секрете: пароли к учеткам, секретные ключи доступа, CVV код от карточки, в конце концов. Однако не каждый сраз…
Я ❤︎ Фронтенд
43 min
Особенности реализации брутальной дизайн-системы
Артём Арутюнян
Я расскажу историю небольшого проекта на стыке UI, UX и программирования. Как маленькая идея может поглотить десятки часов разработки и сколько удовольствия это может принести. Разберем все боли рабо…
HolyJS
19 min
Улучшаем качество кода React-приложения с помощью Compound Components
Александр Дунай
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понима…
Я ❤︎ Фронтенд
48 min
Кому нужны фронтендеры
Андрей Смирнов
Фронтенд продолжает расширять свое присутствие не только в вебе, но и в области мобильных и десктопных приложений. Однако, остается вопрос: как фронтенд-разработчикам навигировать в этом разнообразии…
YaTalks
65 min
Научите меня писать интерфейсы для космолётов!
Сергей Бережной, Тина Думилина, Кирилл Мокевнин, Александр Патлух, Алексей Симоненко
Ушла эпоха веб-мастеров, когда можно было научиться делать сайты с помощью книг и CHM-файлов. Как теперь учиться писать веб? Какую школу выбрать? Нужен ли ментор? Нужно ли образование во фронтенде? П…
YaTalks
52 min
Существующие инструменты не работают в невесомости? Напиши свои!
Андрей Ситник, Антон Усманский, Никита Дубко, Роман Дворнов
Опенсорс открывает две дороги: использовать существующие решения или написать своё, учитывая опыт предков. В какой момент пора создавать новый репозиторий? Как поддерживать инструмент? Зачем вкладыва…
Я.Субботник
65 min
Скорость веб-страниц
Данила Авдошин
Расскажу про то, как делать веб быстрым, почему нужно заниматься скоростью, как измерять скорость и покажу примеры из жизни настоящих ускорений.
YaTalks
43 min
Аутентификация в вебе. История развития
Алексей Авдеев
-
DotNext
71 min
Фронтенд на функциональном языке? Подержите мое пиво!
Вагиф Абилов
Вагиф — разработчик бэкенда, как и многие из вас. Что ему делать, когда нужно показать какие-нибудь данные? Написать программу для консоли (вздох)? Или, может быть, выучить CSS и JavaScript (глубокий…