Ocena pierwszej strony

pytanie zadane 23 lutego 2016 w Nasze projekty przez Mati Gaduła (3,390 p.)

Witam, uczę się html i css od kilku tygodni. Zrobiłem pierwszą samodzielnie stronę (wyjątek kod do płynnego przewijania strony i przyklejane menu do górnej krawędzi). Proszę o ocenę strony jak i krytykę, co jest źle, nawet jeśli wszystko jest do niczego to proszę was o wskazówki. Link: http://mati.xaa.pl

8 odpowiedzi

odpowiedź 23 lutego 2016 przez xSvilen Mądrala (5,740 p.)

1. popraw background na cover,

2. nie działa płynne przewijanie

Ale tak ogólnie to jak na kilka tygodniu to w miarę ładnie :)

komentarz 23 lutego 2016 przez Eimens Maniak (69,240 p.)

Mi płynne przewijanie działa :)

komentarz 23 lutego 2016 przez xSvilen Mądrala (5,740 p.)

Masz na mysli po naciśnięciu przycisku wróc na górę albo czegoś z menu, czy SmoothScroll ?

komentarz 23 lutego 2016 przez Eimens Maniak (69,240 p.)

Menu i strzałka

komentarz 23 lutego 2016 przez xSvilen Mądrala (5,740 p.)

A to działa, miałem na myśli SmoothScroll

komentarz 23 lutego 2016 przez Mati Gaduła (3,390 p.)

Tak właśnie o to chodziło mi. Dzięki za opinię, już poprawiłem na cover.

odpowiedź 23 lutego 2016 przez Mateusz11 Pasjonat (22,910 p.)

Strona ładna, i jak uczysz się dopiero kilka tygodni, to dobrze ci idzie :). Skrypty JS linkuje się w sekcji <head></head> na górze strony a nie pod koniec strony.Aha bym zapomniał wydaje mi się że litery w stopce troszkę za duże. Ogólnie dobra strona :)

komentarz 23 lutego 2016 przez ScriptyChris Mędrzec (190,190 p.)

Otóż skrypty JS linkuje się pod koniec <body>, z minimum 2 powodów:

linkowanie w <head> może wydłużyć (niepotrzebnie) ładowanie się strony
jeśli w skrypcie JS zawarta jest jakaś modyfikacja elementów DOM lub ich dynamicznie tworzenie, to mogą wystąpić problemy. Na niecałkowicie załadowanej stronie będzie brakować elementów, do których JS będzie próbował się odnosić

Link od @Comandeer https://developer.yahoo.com/performance/rules.html#js_bottom=

komentarz 23 lutego 2016 przez Mateusz11 Pasjonat (22,910 p.)

Ok xD Zapomniałem ale tak to strona ładna ;)

odpowiedź 23 lutego 2016 przez Pietrak Pasjonat (18,850 p.)

Brak normalizacji lub resetu css
Logo jest zawsze nagłówkiem strony
Sekcja portfolio nie działa, lecz przewiduję, że będzie tam jakis popup, więc na pewno nie stosuj a href, tylko button, bo na żadną inną stronę(lub do etykiety) to nie jest odnośnik
Wałkowane setki razy - każda ikona mająca jakieś znaczenie dla obsługi strony musi mieć treść, którą jest w stanie odczytać czytnik ekranu
Header umieść poza section, po aktualnie to jest nagłówek sekcji, a nie strony. Do oznaczenia głównej zawartości strony uzyj main lub role main.

komentarz 23 lutego 2016 przez Mati Gaduła (3,390 p.)

Dziękie za rady, a tak poza tym dobrze wykorzystałem znaczniki section, article itp? Pierwszy raz je wykorzystuje.

Normalizacje dodałem.

Sekcja portfolio poprawię.

Co do opisów obrazków pozostawiałem niektóre puste i zapomniałem potem uzupełnić też się tym zajmę.

Header ustawiłem poza section

odpowiedź 23 lutego 2016 przez Eimens Maniak (69,240 p.)

Na co powinieneś zwrócić uwagę:

Czcionka,
bordery,

taka uwaga jeżeli np zrobiłeś "O mnie " z borderem pomarańczowym to nie musisz robić tak samo w każdej innej sekcji. Postaraj się przełamać rutynę to zacznie to wyglądać lepiej, pamiętając oczywiście o kolorystyce :)

komentarz 23 lutego 2016 przez Mati Gaduła (3,390 p.)

No i właśnie w tym jest problem, nie mam pomysłu kompletnie na to i dlatego w każdej sekcji jest taki sam nagłówek.

Dzięki za radę.

odpowiedź 11 marca 2016 przez Krst0 Obywatel (1,340 p.)

odpowiedź 11 marca 2016 przez niezalogowany

odpowiedź 11 marca 2016 przez Einstein21 Obywatel (1,420 p.)

W dziale "Oferta" dodał bym zmianę koloru po najechaniu na blok.
Na samym dole są przejścia do social mediów, Wszystko jest pięknie białe, tylko GG jaskrawo czerwone
- Po najechaniu na tenże kafelek zostaje on rozjaśniony przez co nie widać numeru GG
Po wejściu dostrzegamy laptopa a po przewijaniu jeszcze szczelinę między "O mnie" a "Oferta". Sęk w tym że to nie są te same zdjęcia przez co strona traci przeźroczystość.
W dziale "Umiejętności" te HTML, CSS i inne napisał bym ciut większą czcionką.

Może się wydawać że szukam dziury w całym ale to naprawde wielkie błedy estetyczne.
A tak ogólnie to stronka super. :-)

komentarz 21 marca 2016 przez Mati Gaduła (3,390 p.)

Dzięki za opinię i rady. To jest moja pierwsza strona którą zrobiłem. Wezmę pod uwagę to przy następnej stronie (tą nie wiem czy będę poprawiał, zrobię nowe portfolio jak ogarnę jakąś grafikę, tego jeszcze w treść nie uzupełniłem itp.).