box2unlock.com, cos a'la pokazywarka z uwierzytelnianiem Opcje

[pziel]

Witajcie (IMG:style_emoticons/default/smile.gif)

w ramach nauki frameworka Symfony stworzylem mini-projekt w stylu pokazywarki z uwierzytelnianiem:

box2unlock.com

Chcialbym dalej iterowac ten projekt, mam w glowie pare konceptow. Nie jestem do konca zadowolony
z obecnej wersji kodu i planuje totalny re-write. Jesli bylby ktos zainteresowany wspolna zabawa
to zapraszam do kontaktu na PW (IMG:style_emoticons/default/smile.gif)

[Comandeer]

Prawdę mówiąc RSCSS wygląda jakby łamał wszystkie best practices jakie obecnie istnieją przy pisaniu CSS-a. Nie dość, że promuje niepłaską hierarchię klas, to dodatkowo jeszcze wprowadza bardzo wysoką specyficzność na potrzeby podstawowego stylowania. To stoi w wyraźnej sprzeczności z praktykami promowanymi przez takie standardy, jak BEM, SMACSS, SUIT czy ITCSS, nie wspominając o ocierających się o fanatyzm CSS Modules czy podejściu zero-CSS. Pomijam już fakt, że ._color-primary bardzo niebezpiecznie przybliża nas do jeszcze innej metodologii, ACSS (nie mylić z Atomic Design, które jest za to niesamowicie sensowne).

Przydałoby się popracować nad nawigacją klawiaturą i ogólnie dostępnością, bo paradoksalnie najbardziej dostępna na chwilę obecną jest… CAPTCHA. Np. pełno masz linków, które tak naprawdę powinny być przyciskami. Do tego naciśnięcie jakiegoś przycisku, który pozwala coś dodać do skrzynki, zmieniają element nad sobą, który dodatkowo nie jest oznaczony jako live region, więc duża szansa, że użytkownik czytnika ekranowego nawet nie zauważy tego faktu. Warto też pochylić się nad przyciskiem otwierającym menu (bo poprawna emulacja przycisku nie jest łatwa ani sensowna). Przy checkboxach z kolei hinty dla pól można podpiąć pod nie przy pomocy [aria-describedby] itp. itd. Ogólnie warto się nieco wgłębić w temat (IMG:style_emoticons/default/wink.gif)

BTW fajnie zobaczyć coś na Vue.js