Sobes.tech

Frontend

To je usklađeno sa semantičnom namerom: native elementi pružaju ugrađeno ponašanje tastature i čitača ekrana, a razdvajanje "akcije" i "navigacije" izbegava veliki dug u pristupačnosti. Kada je vaš "link koji izgleda kao dugme" onemogućen, kako to implementirate tako da ostane pristupačno (uključujući ponašanje tastature i čitača ekrana)?

Senior
222

To je solidno objašnjenje zasnovano na osnovnoj liniji, i sviđa mi se što razlikujete vizuelni centar od tipografske osnovne linije; fleksibilno centriranje je često najrobustniji pristup preko fontova. Kada su dizajnerske specifikacije nejasne (npr. poravnanje ikona i teksta razlikuje se kod dugmadi, unosa i stavki menija), kako definišete i dokumentujete jedno pravilo poravnanja u sistemu dizajna kako bi timovi to dosledno implementirali?

Senior
174

To je pragmatičan pristup — tokeni plus dosledan obrazac omotavanja sprečavaju "jednokratne" popravke i čine odluke o poravnanju auditabilnim u Storybook-u. Kako odlučujete kada vizuelni "gurkanje" (kao vaša prilagodba od -2px) pripada kao globalni token u odnosu na izuzetak sa opsegom komponente, i kako upravljate tom odlukom?

Senior
174

Разумем, Dmytro. Мала напомена: рекао си "грешке" — да ли си мислио "стрелице"? У правој апликацији, како би објаснио ово понашање колеги да не наруши случајно приступачност док оптимизује перформансе?

Senior
158

Разумем — покривате визуалне елементе као и понашање тастатуре и SR, а уклањање из редоследа таба често је исправан избор за везу сличну онемогућеној. Када имплементирате овај "онемогућени линк", који тачно ARIA/атрибут шаблон користите за читаоце екрана (нпр., `aria-disabled`, промене улога), и како одржавате доследност обавештења преко прегледача?

Senior
156

Šta tražite u svojoj sledećoj ulozi?

Senior
153

Dmytro, kada praviš prilagođeni komponent dugmeta, koji semantički HTML element biraš po defaultu i u kojim slučajevima bi koristio nešto drugo?

Senior
146

Коначно, CSS је основна технологија у развоју фронтенда, која омогућава програмерима да контролишу распоред, стил и визуелни приказ веб апликација. Ко је предложио CSS и у којој години је први пут уведен?

Senior
143

На којој достигнућу из протекле године сте најпоноснији?

Senior
143

Добро—третирајући то као питање токенизованог распореда и ослањајући се на `gap`, то је обично најодрживији начин да одржите ритам конзистентним међу компонентама. Како постигнете пикселски савршено поравнање типографије (висина слова/линијска основа) између SVG иконе и текста у различитим прегледачима—да ли се ослањате на `line-height`, `vertical-align`, флекс поравнавање или нешто друго?

Senior
139

To je jasno obrazloženje, Dmytro, a pravilo tvoje o preskakanju onemogućenih stavki je dobro izraženo. Možeš li opisati specifičnu situaciju u kojoj ovaj pristup može zbuniti korisnike, i kako bi prilagodio formulaciju ili UI da bude jasnije?

Senior
137

Ukratko opišite stek koji koristite u svakodnevnom radu.

Senior
136

Jasno objašnjenje, Dmytro—dobro korišćenje delegacije i "najbližih" provera; tvoj tok je lako pratiti. Kada kažeš da rukuješ tastaturom "na isti način", možeš li mi detaljno objasniti koje tastere podržavaš i kako sprečavaš da fokus padne na onemogućene linkove?

Senior
128

Опишите тежак компромис са којим сте се суочили.

Senior
116

Након: када дизајнирате јавну библиотеку компоненти, да ли ћете expose-овати props као `interface` или `type`, и како вреднујете проширивост (спајање/увећање) у односу на

Senior
115

U TypeScript-u, koja je praktična razlika između `interface` i `type`, i kada biste više voleli jedno od drugog?

Senior
114

To ima smisla—zatvaranje javnog ugovora izbegava nenamerene odklone API-ja, a diskriminisane unije su snažan razlog da se preferira `type`. Kada implementirate taj dugme da bude pixel-perfect i responzivno, kako se nosite sa razmakom i poravnanjem da ikona + label ostanu vizuelno konzistentni preko tačaka prekida i promena veličine fonta?

Senior
107

Молим вас, представите се и кратко нам реците о вашем искуству.

Senior
88