Please enable JavaScript to use this page!

AllTalks site logo
🍔

А ваш сайт доступен с клавиатуры?

Клавиатура — иногда единственный способ сделать что-то в интернете, если внезапно сломалась мышь. А ещё встречаются пользователи, которые могут перемещаться по сайту только при помощи клавиатуры. Как правильно закодить интерфейс, удобный для пользователей клавиатур, насколько это трудозатратно, и в какую шпаргалку подсмотреть, чтобы реализовать сложные вещи? Вооружимся клавишей Tab и проверим! Доклад будет полезен всем, кто участвует в проектировании интерфейсов с клавиатуры. Для разработчиков веба в докладе будут примеры кода.


YaTalks

37 min

Создание универсальной UI-библиотеки

Евгений Тропин

Доклад будет полезен разработчикам, которые создают свою библиотеку компонентов и заботятся о доступности интерфейсов.

FrontendConf

51 min

Drag&Drop-компоненты для слепых пользователей. Вы шутите?

Сергей Кригер

Передвигать вещи для нас настолько естественно, что мы перенесли это из мира вещей в веб. Сортировка todo-списков, организация дашбордов, загрузка файлов — мы просто не можем себе представить все эти…

HolyJS

43 min

Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд

Виталий Полещук, Стёпа Михайлюк

Фронтенд — это огромное количество форм, представляющих собой однотипный код, который нужно писать и поддерживать для разных платформ. Нашего брата, фронтендера, порой называют обидным словом «Формаш…

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…

Я.Субботник

47 min

@yandex ui

Владимир Гринеко

Презентация @yandex/ui — open source библиотеки React-компонентов от Яндекса. Компоненты используются внутри и отвечают самым строгим требованиям: темизируемость (дизайн отдельно, управление визуалом…

FrontendConf

42 min

Production Ready Design

Ксения Лушникова

В нашей команде Яндекс.Денег мы выработали подход разработки и дизайна веб-интерфейсов. Я покажу, как легко мы собираем живые интерфейсы и передаём их в продакшн, как создаётся дизайн Яндекс.Кассы и…

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…

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…

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…

YaTalks

45 min

Как и зачем проводить тесты с незрячими людьми?

Валерия Курмак, Анатолий Попко

Поговорим о доступности цифрового контента и сервисов, вместе попробуем ответить на важные вопросы: Почему важно проводить тесты с незрячими пользователями? Почему автоматизированных тестов или само…

TechTrain

67 min

Эволюция способов сохранения конфиденциальной информации в секрете

Александра Калинина

Каждый программист в своей жизни встречается с информацией, которую необходимо держать в секрете: пароли к учеткам, секретные ключи доступа, CVV код от карточки, в конце концов. Однако не каждый сраз…

Я ❤︎ Фронтенд

43 min

Особенности реализации брутальной дизайн-системы

Артём Арутюнян

Я расскажу историю небольшого проекта на стыке UI, UX и программирования. Как маленькая идея может поглотить десятки часов разработки и сколько удовольствия это может принести. Разберем все боли рабо…

SECON.Weekend про fromtend

62 min

ElectronJS. В чем магия

Александр Руденко

Каждый когда-то слышал, что десктопные приложения можно разрабатывать с использованием web-технологий. Но как? Для чего? Именно на эти вопросы я постараюсь вам ответить и показать, насколько мощным …

SECON.Weekend про fromtend

84 min

Разбираемся в сортах реактивности

Дмитрий Карловский

Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.

DotNext

71 min

Фронтенд на функциональном языке? Подержите мое пиво!

Вагиф Абилов

Вагиф — разработчик бэкенда, как и многие из вас. Что ему делать, когда нужно показать какие-нибудь данные? Написать программу для консоли (вздох)? Или, может быть, выучить CSS и JavaScript (глубокий…

DotNext

70 min

Могу ли я спрыгнуть с F5-корабля прямиком в гиперпространство в реальном времени?

Александр Якунин

Каковы связи между обновлениями, работающими в режиме реального времени, инкрементными сборками, кэшированием, избыточностью микросервиса и, наконец, популярностью React? Александр покажет, как набор…

YaTalks

63 min

Когда документация — просто космос

Наталья Теплхина, Дэн Абрамов, Алена Батицкая

Вы написали библиотеку. Но чтобы ей начали пользоваться, к ней должна прилагаться хорошая и понятная документация. Как её писать? Что делать, если нужна многоязычность? Как создать понятную навигацию…

YaTalks

43 min

Аутентификация в вебе. История развития

Алексей Авдеев

-

TechTrain

71 min

Тестирование без боли и страха

Глеб Бахмутов

Мы все стараемся отложить то, что нас пугает и не нравится на потом. Тестирование фронтенда также делается в последнюю секунду, что ведет к предсказуемым последствиям: ошибки просачиваются к пользова…