Stronka od nowa...

Question

Cześć!

Chyba 2 dni temu prosiłem o ocenę projektu było trochę błędów i napisałem od nowa. Na razie wersja testowa w celu uzyskania opinii:

https://szymon2k.github.io/tw-01.02/

ps1. Na razie nie ma RWD więc nie zawsze będzie działać

ps2. Tutaj macie obecną wersje http://technologyweb.pl

Answer 1

1. Nie używasz znacznika nav.
2. Tomek w poprzednim poście zaznaczył, że li powinno się znajdować w ul lub ol. Doczytałeś może czym różni się jedna lista od drugiej? Która jest polecana do menu? Jeśli nie to doczytaj i wybierz poprawną :P
3. Sprawdź sobie hovery na elementach listy. Ja mogę najechać dokładnie między jeden element, a drugi i kursor wtedy pokazuje mi, że mogę kliknąć. To chyba tak nie powinno być, nie? Kliknąć powinno się dać tylko najeżdżając na ten tekst. No chyba, że masz jeszcze jakieś tło, że są one szersze itp to wtedy to wyznacza obszar kliknięcia.
4. Logo w lewym górnym roku powinno być linkiem. Użytkownicy (pewnie Ty też) są przyzwyczajeni, że mogą sobie tam kliknąć i przeniesie ich do strony głównej.
5. Nie ustawiaj niepotrzebnie sztywnych szerokości i wysokości dla elementów, bo jeśli zmieni się ich content to Ci się to posypie :) Określaj ich wymiary nadając paddingi.
6. Postaraj się nauczyć czegoś takiego, jak flexbox - sporo by Ci ułatwił na tej stronie.
7. Ikonki do mediów społecznościowych są jakby listą, nie? Więc zamknij je w listę :) Dodatkowo poczytaj do czego służy znacznik <i>. Bo zdaje się, że wykorzystałeś niepoprawny do ikonek. O ikonkach słów kilka
8. Czy "Najnowsze wpisy" to jest nagłówek? I czy nie mógłby być to nagłówek sekcji?
9. HTML posiada też fajny tag <article>
10. Na przyciskach "Czytaj dalej" też masz niepoprawny obszar kliknięcia.
11. Nie posłuchałeś do końca Tomka odnośnie tych list :D

    <div class="title_post">  
                <li><a href="allposts/post_2.html">Jak wybrać myszkę</a></li>
    </div>

12. To posty powinny być listą (ul czy ol?).
13. Nadal nie wszędzie widać, żebyś pozmieniał divy na p.

PS. Coś namieszałeś z linkami, bo ja oceniałam to:

Na razie wersja testowa w celu uzyskania opinii:

https://szymon2k.github.io/tw-01.02/

A w takim razie czym jest to:

Tutaj macie obecną wersje http://technologyweb.pl

?

Tak, czy inaczej część błędów się powtarza :)

 

Comments

muszę dopracować tę listy więc z pewnością się tym zajmę w najbliższym czasie

a na tagi typu article itd. nadejdzie jeszcze czas. Spokojnie :)

Te hovery na elementach listy są takie bo tekst zmienia kolor i chyba to widać ale postaram się to poprawić

Co do flexboxa to na razie chciałem to napisać w czystym html i css a później trochę pokombinować ;)

Okej wszystko ciągle się zmienia bo to na razie taka wersja beta ale dziękuję za rady.

A z tymi linkami to ten pierwszy to wersja beta nad którą teraz pracuję a ten drugi to to co już skończyłem.

---

Co do flexboxa to na razie chciałem to napisać w czystym html i css a później trochę pokombinować ;)

Tak tylko napiszę jeszcze, że flexbox to nadal czysty CSS :)
A dokładniej, jest to po prostu kilka dodatkowych właściwości i chodzi o to, że wykorzystując stare metody dokładasz sobie niepotrzebnie pracy.

---

Ok ok. A możesz mi jeszcze powiedzieć jak jest według Ciebie od strony wizualnej?

---

Oni Ci tu piszą, że wrzucanie tag'u li, do innych tag'ów niż ul i ol jest niepoprawne, ale Ty nadal uważasz chyba, że to co napisałeś jest w porządku. Myślisz, że to tylko kogoś opinia. A to nie jest wymysł tych, co Ci tych rad udzielają, tylko tak jest napisane w specyfikacji języka HTML.

Poczytaj o tym elemencie li, aby już tego błędu nie popełniać:

https://www.w3.org/TR/html52/grouping-content.html#the-li-element

Contexts in which this element can be used:

Inside ol elements.

Inside ul elements.

Reasumując, używajac li musisz użyć ul lub ol, żeby strona Twoja była zgodna ze standardem. Pomjam już fakt, że możliwe byłoby chyba wyemulowanie tag'u ul lub ol poprzez jakieś "Aria", czy coś w tym stylu, ale na tym etapie najpierw używaj ul i ol, a później sprawdź, czy można wyemulować te znaczniki tak, aby to było nadal zgodne ze specyfikacją/standardem języka opisowego.

---

W sumie to nie wiem skąd wywnioskowałeś to że nie biorę tego pod uwagę ponieważ tak jak mówiłem poprawię to...