Please enable JavaScript to use this page!

AllTalks site logo
πŸ”

#ui

Π― ❀︎ Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄

43 min

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Π±Ρ€ΡƒΡ‚Π°Π»ΡŒΠ½ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½-систСмы

Артём ΠΡ€ΡƒΡ‚ΡŽΠ½ΡΠ½

Π― расскаТу ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ нСбольшого ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π½Π° стыкС UI, UX ΠΈ программирования. Как малСнькая идСя ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ³Π»ΠΎΡ‚ΠΈΡ‚ΡŒ дСсятки часов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ сколько ΡƒΠ΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΈΡ это ΠΌΠΎΠΆΠ΅Ρ‚ принСсти. Π Π°Π·Π±Π΅Ρ€Π΅ΠΌ всС Π±ΠΎΠ»ΠΈ рабо…

Π― ❀︎ Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄

45 min

А ваш сайт доступСн с ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹?

Π“Π»Π°Ρ„ΠΈΡ€Π° Π–ΡƒΡ€

ΠšΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π° β€” ΠΈΠ½ΠΎΠ³Π΄Π° СдинствСнный способ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Ссли Π²Π½Π΅Π·Π°ΠΏΠ½ΠΎ сломалась ΠΌΡ‹ΡˆΡŒ. А Π΅Ρ‰Ρ‘ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ сайту Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹. ΠšΠ°ΠΊβ€¦

HolyJS

43 min

Server-driven UI Π² Π²Π΅Π±Π΅. НС пиши, Π° описывай свой Ρ„Ρ€ΠΎΠ½Ρ‚eΠ½Π΄

Π’ΠΈΡ‚Π°Π»ΠΈΠΉ ΠŸΠΎΠ»Π΅Ρ‰ΡƒΠΊ, Π‘Ρ‚Ρ‘ΠΏΠ° ΠœΠΈΡ…Π°ΠΉΠ»ΡŽΠΊ

Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄ β€” это ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ количСство Ρ„ΠΎΡ€ΠΌ, ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… собой ΠΎΠ΄Π½ΠΎΡ‚ΠΈΠΏΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ для Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ. НашСго Π±Ρ€Π°Ρ‚Π°, Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄Π΅Ρ€Π°, ΠΏΠΎΡ€ΠΎΠΉ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΎΠ±ΠΈΠ΄Π½Ρ‹ΠΌ словом Β«Π€ΠΎΡ€ΠΌΠ°Ρˆβ€¦

YaTalks

37 min

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΠΉ UI-Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ

Π•Π²Π³Π΅Π½ΠΈΠΉ Π’Ρ€ΠΎΠΏΠΈΠ½

Π”ΠΎΠΊΠ»Π°Π΄ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π΅Π½ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ свою Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΈ заботятся ΠΎ доступности интСрфСйсов.

DotNext

70 min

ΠœΠΎΠ³Ρƒ Π»ΠΈ я ΡΠΏΡ€Ρ‹Π³Π½ΡƒΡ‚ΡŒ с F5-корабля прямиком Π² гипСрпространство Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ?

АлСксандр Π―ΠΊΡƒΠ½ΠΈΠ½

ΠšΠ°ΠΊΠΎΠ²Ρ‹ связи ΠΌΠ΅ΠΆΠ΄Ρƒ обновлСниями, Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‰ΠΈΠΌΠΈ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΈΠ½ΠΊΡ€Π΅ΠΌΠ΅Π½Ρ‚Π½Ρ‹ΠΌΠΈ сборками, ΠΊΡΡˆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ, ΠΈΠ·Π±Ρ‹Ρ‚ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒΡŽ микросСрвиса ΠΈ, Π½Π°ΠΊΠΎΠ½Π΅Ρ†, ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒΡŽ React? АлСксандр ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚, ΠΊΠ°ΠΊ набор…

TechTrain

71 min

ВСстированиС Π±Π΅Π· Π±ΠΎΠ»ΠΈ ΠΈ страха

Π“Π»Π΅Π± Π‘Π°Ρ…ΠΌΡƒΡ‚ΠΎΠ²

ΠœΡ‹ всС стараСмся ΠΎΡ‚Π»ΠΎΠΆΠΈΡ‚ΡŒ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ нас ΠΏΡƒΠ³Π°Π΅Ρ‚ ΠΈ Π½Π΅ нравится Π½Π° ΠΏΠΎΡ‚ΠΎΠΌ. ВСстированиС Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄Π° Ρ‚Π°ΠΊΠΆΠ΅ дСлаСтся Π² послСднюю сСкунду, Ρ‡Ρ‚ΠΎ Π²Π΅Π΄Π΅Ρ‚ ΠΊ прСдсказуСмым послСдствиям: ошибки ΠΏΡ€ΠΎΡΠ°Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°β€¦

TechTrain

67 min

Π­Π²ΠΎΠ»ΡŽΡ†ΠΈΡ способов сохранСния ΠΊΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π² сСкрСтС

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

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ программист Π² своСй ΠΆΠΈΠ·Π½ΠΈ встрСчаСтся с ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π² сСкрСтС: ΠΏΠ°Ρ€ΠΎΠ»ΠΈ ΠΊ ΡƒΡ‡Π΅Ρ‚ΠΊΠ°ΠΌ, сСкрСтныС ΠΊΠ»ΡŽΡ‡ΠΈ доступа, CVV ΠΊΠΎΠ΄ ΠΎΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ, Π² ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠΎΠ½Ρ†ΠΎΠ². Однако Π½Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ сраз…

TechTrain

57 min

ΠŸΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹ проСктирования ΡƒΠΌΠ½Ρ‹Ρ… интСрфСйсов, вСрсия 2020

Π’ΠΈΡ‚Π°Π»ΠΈΠΉ Π€Ρ€ΠΈΠ΄ΠΌΠ°Π½

Π’Ρ‹ β€” ΡƒΠΌΠ½ΠΈΡ†Π°. И Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ТСсткого Π΄Π΅Π΄Π»Π°ΠΉΠ½Π°, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π²Ρ‹ сдСлаСтС это. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρƒ нас Π½Π΅Ρ‚ большого количСства Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π² запасС, ΠΌΡ‹ полагаСмся Π½Π° Π²Π΅Ρ‰ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ всСгда ра…

Π―.Π‘ΡƒΠ±Π±ΠΎΡ‚Π½ΠΈΠΊ

47 min

@yandex ui

Π’Π»Π°Π΄ΠΈΠΌΠΈΡ€ Π“Ρ€ΠΈΠ½Π΅ΠΊΠΎ

ΠŸΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΡ @yandex/ui β€” open source Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ React-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΎΡ‚ ЯндСкса. ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΈ ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‚ самым строгим трСбованиям: Ρ‚Π΅ΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅ΠΌΠΎΡΡ‚ΡŒ (Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ, ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ визуалом…

Π― ❀︎ Π€Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄

14 min

Π“Π»Π°Π·Π½Ρ‹Π΅ интСрфСйсы

Иван Π‘Π°ΠΊΠ°ΠΈΠ΄ΠΎΠ²

Иван подСлится ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ дСтских ΠΎΠ±ΡƒΡ‡Π°ΡŽΡ‰ΠΈΡ… ΠΈΠ³Ρ€ ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, управляСмых с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ устройства отслСТивания взгляда ΠΈ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… для людСй с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ возмоТностями Π·Π΄ΠΎΡ€ΠΎΠ²ΡŒΡ. РасскаТС…

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…

Mail.ru Design Conf

24 min

ЭкспСримСнты Π½Π°Π΄ интСрфСйсами

ОлСг Π€Ρ€ΠΎΠ»ΠΎΠ²

ОлСг рассказываСт ΠΏΡ€ΠΎ ΠΏΠΎΠ»ΡŒΠ·Ρƒ ΠΎΡ‚ экспСримСнтов Π² интСрфСйсах, ΠΏΡ€ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Ρ‹, Π»Π°ΠΉΡ„Ρ…Π°ΠΊΠΈ ΠΈ инструмСнты.

CSSConf Budapest

29 min

Crafting Stateful Styles with State Machines

David Khourshid

User interfaces are highly dynamic and complex, and structuring stylesheets for every possible state of every component can be a challenge. In this talk, we will explore innovative ways of organizing…

Nordic.js

24 min

Mind-Reading with Adaptive and Intelligent User Interfaces

David Khourshid

What if you could predict user behavior with smart UIs? In this talk, we will explore how we can make adaptive and intelligent user interfaces that learn from how individual users use your apps, and …

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…

ChernivtsiJS

33 min

On Desktop UIs and Web Tech

Roman Liutikov

Slides: https://github.com/chernivtsijs/chernivtsijs-2019

ChernivtsiJS

28 min

Как ΠΌΡ‹ строили Π΄ΠΈΠ·Π°ΠΉΠ½ систСму

Dmitry Barabash

Slides: https://github.com/chernivtsijs/chernivtsijs-2019

FrontendConf

42 min

Production Ready Design

КсСния Π›ΡƒΡˆΠ½ΠΈΠΊΠΎΠ²Π°

Π’ нашСй ΠΊΠΎΠΌΠ°Π½Π΄Π΅ ЯндСкс.Π”Π΅Π½Π΅Π³ ΠΌΡ‹ Π²Ρ‹Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Π΅Π±-интСрфСйсов. Π― ΠΏΠΎΠΊΠ°ΠΆΡƒ, ΠΊΠ°ΠΊ Π»Π΅Π³ΠΊΠΎ ΠΌΡ‹ собираСм ΠΆΠΈΠ²Ρ‹Π΅ интСрфСйсы ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‘ΠΌ ΠΈΡ… Π² ΠΏΡ€ΠΎΠ΄Π°ΠΊΡˆΠ½, ΠΊΠ°ΠΊ создаётся Π΄ΠΈΠ·Π°ΠΉΠ½ ЯндСкс.ΠšΠ°ΡΡΡ‹ и…

FrontendConf

51 min

Drag&Drop-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ для слСпых ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π’Ρ‹ ΡˆΡƒΡ‚ΠΈΡ‚Π΅?

Π‘Π΅Ρ€Π³Π΅ΠΉ ΠšΡ€ΠΈΠ³Π΅Ρ€

ΠŸΠ΅Ρ€Π΅Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒ Π²Π΅Ρ‰ΠΈ для нас Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ СстСствСнно, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ пСрСнСсли это ΠΈΠ· ΠΌΠΈΡ€Π° Π²Π΅Ρ‰Π΅ΠΉ Π² Π²Π΅Π±. Π‘ΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²ΠΊΠ° todo-списков, организация Π΄Π°ΡˆΠ±ΠΎΡ€Π΄ΠΎΠ², Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Ρ„Π°ΠΉΠ»ΠΎΠ² β€” ΠΌΡ‹ просто Π½Π΅ ΠΌΠΎΠΆΠ΅ΠΌ сСбС ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ всС эти…