Ostatnie kilka tygodni spędziłem na przygotowaniu nowej wersji bloga. W końcu pozbyłem się Wordpressa, którego zastąpiłem Wagtailem, cms-em bazującym na Django i w końcu przeniosłem się na DigitalOcean. Front zaprojektowałem i wykonałem samemu, jedyny gotowiec, to wspomniany cms.
Do waszej oceny oddaję pierwszą wersję bloga, której jeszcze wiele brakuje i zdaję sobie z tego sprawę. Zdaję sobie sprawę również z faktu, iż pracując samemu można przegapić "oczywistą oczywistość", dlatego będę wdzięczny za wszystkie uwagi.

Link pozostał bez zmian - http://blog.wilgucki.pl

P.S.
Poprzednie artykuły nie przepadły. Są one dostępne pod tym samym adresem co poprzednio. Listy wszystkich artykułów jeszcze nie ma.

wrzuć no coś więcej bo na razie to tu za wiele nie ma co ocenić 2 artykuły i pod spodem przestrzeń nie wykorzystana. ten wykrzyknik w nowej linii logo to zamierzony efekt?
i na głównej logo nie klikalne bo hover przysłania

Artykuły będą przybywać z czasem. Na chwilę obecną miałem tylko dwa przygotowane. Logo celowo chowa się pod warstwą, ponieważ zasłaniałoby inaczej tytuł. A wykrzyknik w nowej linii to zamierzony efekt.

Ło panie, a co to się tam dzieje po próbie nawigacji klawiaturą?!

Ogólnie bym się nad dostępnością pochylił, bo np. Logo z [alt=Logo] to takie ciut średnie. A przycisk menu nie jako przycisk ale label dla checkboxa (co jeszcze gorsze – puste label!) też słaby.

W przypadku menu celowo zdecydowałem się na wykorzystanie label i checkboxa. Chciałem uniknąć pakowania js do tego menu - tak jest prościej. Logo - faktycznie zapomniało mi się o zmianie alta.
A odnośnie nawigacji klawiaturą przez myśl mi to nie przeszło. Faktycznie słabo to działa. W jaki sposób mogę to poprawić? tabindex nie chce działać, więc pewnie coś mogłem namieszać w kodzie.

To polecam posłuchać jak czyta to czytnik ekranowy. W przypadku VoiceOver po prostu oznajmia, że jesteśmy na nieznaznaczonym checkboxie – cała informacja. Nawet nie wiadomo, że dotyczy on menu, bo label jest puste. Dlatego wypada co najmniej dodać treść do label a najlepiej mimo wszystko zrobić przycisk.

Co do nawigacji klawiaturą, pobawiłbym się stylami dla :focus i faktycznie ukrył menu (żeby nie dało się wjechać na nie klawiaturą gdy jest zamknięte.

Strona startowa straszna i pusta, kwadrat menu definitywnie nie pasuje do strony startowej. Po rozwinięciu menu widzę tylko rss.
Jak dla mnie obrazek na 1/3 ekranu w artykułach to zdecydowana przesada. Zbyt ciasne na laptopach, kolejna sprawa że oko zaczyna analizować wyświetlaną treść od lewej górnej części ekranu, czyli fail nad faile jeśli chodzi o męczenie oczu.

@Comandeer
Zostanę jednak przy label i checkbox. Dodam treść do label aby czytniki wiedziały gdzie się znajdują.

@Spawnm
Strona startowa jest pusta, ponieważ brakuje artykułów, które będą pojawiać się z czasem. Kolejny już czeka w poczekalni na ostatnie szlify. Odnośnie menu - też nie do końca mi to pasuje. Nie mam niestety pomysłu na coś innego. Niebawem pojawią się w nim dodatkowe pozycje, takie jak archiwum (poprzednie wpisy z polskiej wersji bloga), kontakt, projekty, itd.

Co do strony pojedynczego artykułu - kwestia gustu. Dla wąskich ekranów przygotowana jest wersja mobilna strony, gdzie obrazek wędruje na górę.

Nie że próbuję być złośliwy czy coś, ale wtf is this?

Na głównej pusto, dwa kafelki na krzyż. Cały template z animacjami to po prostu użycie Bootstrapa i dwóch wtyczek na krzyż. Nawet chat nie jest Twój, bo to Disqus. Ot złożenie paru gotowych elementów, a nawet mimo to jest trochę niedociągnięć, np. za mały padding po wejściu do artykułu i obrazek na pół ekranu, dziwne nazwy klas "blog__home__title" (wincyj podłóg)

Jak dla mnie nie ma co oceniać, bo nie ma tu nic autorskiego ani wymagającego jakiegoś choćby średniego nakładu pracy. Nawet treści żadnej nie ma. Zwykłe poskładanie paru gotowców.

@pyro
Każda krytyka, która wnosi coś do tematu jest mile widziana. Nie jestem alfą i omegą aby wiedzieć wszystko, co więcej będąc full stack i devops w jednym, jestem pewien, że przeoczyłem masę rzeczy, które wprawne oko eksperta dostrzeże od razu.

Po kolei:
- strona główna: tutaj jest pusto, ponieważ dopiero zacząłem tworzyć treść na nową wersję bloga. Kilka tekstów mam już gotowych, ale wymagają one korekty i testów, na co obecnie nie mam czasu. Dlatego strona główna jest pusta. Dlaczego zatem zdecydowałem się na zbieranie batów za brak treści? Powód jest prosty - nie pisałem nowych arytkułów, ponieważ nie było nowej wersji bloga. Dlatego wystartowałem z niskiego poziomu, aby móc tworzyć treść, która czasem zostanie obudowania w wodotryski.


Możesz wrzucić screena z zaznaczonym błędem?


Takie coś nazywa się BEM. Dopiero się tego uczę, więc jeśli coś zrobiłem źle, to z chęcią dowiem się co spieprzyłem, by w przyszłości nie popełniać takich błędów.

BEM de facto zabrania więcej niż jednego poziomu zagłębiania. Zamiast .blog > .blog__home > .blog__home__title proponuję .blog.blog_home > .blog__title albo (IMO lepiej) wydzielić dla postów osobny blok (.blog__post.post).

@Comandeer
Nie do końca przekonuje mnie argumentacja podana na stronie BEM. Twój przykład jednak pokazał jak mogę to lepiej zorganizować. Dokończę kilka drobiazgów, nad którymi pracuję i poprawię klasy.

Mnie też nie przekonywała, ale w praniu wyszło, że jest sensowniejsza niż takie ścisłe odwzorowywanie struktury