Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Nowa wersja bloga Hello World!
batman
post 4.02.2017, 11:37:58
Post #1





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




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.


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post
com
post 4.02.2017, 12:25:25
Post #2





Grupa: Zarejestrowani
Postów: 3 032
Pomógł: 366
Dołączył: 24.05.2012

Ostrzeżenie: (0%)
-----


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 biggrin.gif

Ten post edytował com 4.02.2017, 12:26:13
Go to the top of the page
+Quote Post
batman
post 4.02.2017, 13:46:12
Post #3





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




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.


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post
Comandeer
post 4.02.2017, 15:26:25
Post #4





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Ł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.

Ten post edytował Comandeer 4.02.2017, 15:27:59


--------------------
Go to the top of the page
+Quote Post
batman
post 4.02.2017, 23:04:03
Post #5





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




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.


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post
Comandeer
post 5.02.2017, 00:05:38
Post #6





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Cytat
W przypadku menu celowo zdecydowałem się na wykorzystanie label i checkboxa. Chciałem uniknąć pakowania js do tego menu - tak jest prościej.

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.


--------------------
Go to the top of the page
+Quote Post
Spawnm
post 5.02.2017, 23:36:19
Post #7





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




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.
Go to the top of the page
+Quote Post
batman
post 6.02.2017, 01:20:28
Post #8





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




@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ę.


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post
pyro
post 8.02.2017, 11:06:13
Post #9





Grupa: Zarejestrowani
Postów: 2 148
Pomógł: 230
Dołączył: 26.03.2008

Ostrzeżenie: (0%)
-----


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.

Ten post edytował pyro 8.02.2017, 11:08:09


--------------------
ET LINGUA EIUS LOQUETUR IUDICIUM
Go to the top of the page
+Quote Post
batman
post 8.02.2017, 12:19:05
Post #10





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




@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.

Cytat
mimo to jest trochę niedociągnięć, np. za mały padding po wejściu do artykułu

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

Cytat
dziwne nazwy klas "blog__home__title" (wincyj podłóg)

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.


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post
Comandeer
post 9.02.2017, 11:16:12
Post #11





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


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).


--------------------
Go to the top of the page
+Quote Post
batman
post 10.02.2017, 02:24:07
Post #12





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




@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.


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post
Comandeer
post 10.02.2017, 08:46:32
Post #13





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.03.2024 - 09:12