Ocena kodu PSD to HTML/CSS/JS

Question

Cześć.
Skończyłem właśnie cięcie mojego pierwszego PSDka.Prosiłbym o ocenę kodu,RWD,semantyki,dostępności itp.

Strona

Repo na Github
 

Answer 1

<li><a href="#"><span class="icon-linkedin-circled" role="img" aria-label="linkedin"></span></a></li>

Czemu tak? Nie łatwiej było zrobić normalną ikonkę + opis w .visuallyhidden?

.contact to bardziej dl niż ul.

<li><span class="icon-dribbble-circled" aria-hidden="true"></span><p>+00 (123) 456 7890</p></li>

Po wywaleniu ikonki w sumie nie wiadomo, czym jest ten numerek obok.

IMO logo strony powinno być podlinkowane.

<h2 class="section-heading">About <a href="#">Me</a></h2>

Trochę dziwaczne, że tylko połowa jest podlinkowana.

.articles należy do sekcji "About me"? Nie bardzo chyba.

<span class="go-top" aria-hidden="true">Top</span>

Rozumiem, że chcesz całkowicie ukryć ten link dla czytników ekranowych?

Answer 2

Cześć,

Wygląd zewnętrzny po sprawdzeniu na toggle device toolbar w przeglądarce :

1) Strona na telefony jest długa. Czy nie można ukryć jakiś sekcji? Może zastosować zwijane sekcje? Albo poziomą karuzelę.

2) Na niektórych rozdzielczościach buttony w banerze mają różny rozmiar.

3) Ikony na samej górze, w małych rozdzielczościach nie prezentują się dobrze.

W kodzie nie mogłem się dopatrzyć jakiś dużych błędów, ale lepiej żeby wypowiedzieli się bardziej doświadczeni.

Pozdrawiam.

Answer 3

Strona się sypie na rozdzielczości 320px :)

Answer 4

strona fajnie wygląda ale trochę popraw estetykę.