Ocena Strony WWW

Question

0-10   thx

http://site11848.web1.titanaxe.com

Comments

Używanie procentów do określania swoich umiejętności jest dość słabe i drażni wiele osób. Mógłbyś też zminifikować kod storny, przeleć go jakimś Parcelem. Ale ogólnie bardzo fajna strona, miałbym kilka uwag co do wyglądu ale ogólnie jest bardzo fajnie :D

Answer 1

Poza uwagami wyżej możesz poprawić też ortografię i pisownię. Czasem stosujesz "ę" na końcu, czasem nie, "zaczołem" jest też do poprawy. Odstępy między słowami też jest czasem różny, raz go więcej raz mniej. Na mobile jak dla mnie jest za duży odstęp między sekcją "O mnie" a "Doświadczenie" a na desktopie zbyt duża różnica w wysokości contentu w dwóch kolumnach. Mógłbyś się pokusić o jakieś animacje np. na tych kafelkach z umiejętnościami żeby nie było tak statycznie. Nie jest to jednak (przynajmniej dla mnie) strona która odtrąca swoim wyglądem, uważam że wygląda w miarę dobrze. 5,5

Comments

no tutaj słuszna uwaga... ja myślę, że to tez podyktowane jest tym że aktualnie za dużo czasu spędzamy w necie, pisząc na klawiaturze i pomijam już fakt braków wiedzy w tym zakresie, to po prostu łapiemy przyzwyczajenia i nie piszemy z automatu "ę" "czasami ą" albo gorsze fuk-upy  "zaczołem" "pojde"

Answer 2

Sugestie ode mnie: 

• elementy na liście "Doświadczenie", gdzie opisujesz technologie, można by owijać w kombinację <details> z <summary> lub ewentualnie listę opisową <dl>
• nagłówek <h1> powinien na stronie znajdować się tylko raz
• używasz znacznika <br> w niewłaściwy sposób. On służy do łamania tekstu, a nie tworzenia odstępu w celach estetycznych/ułożenia layoutu
• w kilkunastu miejscach w CSS użyłeś !important - dlaczego? Sprawdziłem kilka przypadków i usunięcie !important nie sprawia, że styl nie jest aplikowany, a obecność !important (tym bardziej, jeśli zbędna) utrudnia utrzymanie i rozszerzanie kodu
• nie używaj float do układania layoutu, tym bardziej, że w niektórych przypadkach mieszasz go z Flexbox-em
• `const CardSelectors = document.querySelectorAll(".card-selector")`
  dużych liter używa się do nazw konstruktorów, tutaj bardziej pasuje camel case ⇒ cardSelectors

Answer 3

Poza bardzo dobrymi uwagami technicznymi od @ScriptyChris, uważam że kuleje tu grafika, a dokładnie typografia, dobór kolorów i ikon, Także ich rozmiary względem siebie.

Answer 4

5

https://www.youtube.com/watch?v=h920WraAO_c

Answer 5

7/8  

Answer 6

Witam!

Oprócz tego co podał użytkownik @ScriptyChris dodam jeszcze:

Na początku strony przycisk #co-robie nie działa poniżej wstawiam obraz, o który dokładnie przycisk chodzi.

I jest trochę błędów gramatycznych. Poza tym strona jest dobra, ocena 7/10.

Pozdrawiam