ocena strony

Question

Witam
Chciałbym żebyście ocenili moją stronę pod względem kodu i estetycznym. Wszelkie komentarze mile widziane. Dajcie pomysły co przesunąć co usunąć a może coś dodać ?
https://hykper.github.io/ <-- link do strony :)

Answer 1

Ja mam pytanie czy jesteś pewny, że znasz te technologie?

Ramka w formularzu powinna być chyba mniejsza, albo inputy trochę bardziej wyśrodkowane.
I ten kolor jak dla mnie jest straszny.

Comments

mniej lub bardziej ale tak
ok
dla mnie ok :P
ps. fajny nick ( ͡° ͜ʖ ͡°)

Answer 2

Witaj,

Mój gust estetyczny nie jest jakiś bardzo dobry, ale według mnie te kolory nie wyglądają zbyt dobrze. Z wyglądu strony brakuje mi jeszcze wyraźnych granic między sekcjami na stronie (np. inne kolory tła, jakiś border itd.).

Z kwestii technicznych:

• mógłbyś poprawić alt w obrazkach, bo raczej nie jest zbyt dobry. Tu masz artykuł od naszego guru Comandeer'a :)

• <link rel="shortcut icon" href="img/favicon.ico"> 
  nie jest potrzebne

• spójrz na koniec swojego pliku css :) Takich rzeczy trzeba się pozbywać jak się publikuję stronę w sieci 

Comments

koniec pliku css naprawdę mnie zdziwił bo nie przypominam sobie abym coś takiego pisał xD

---

dzięki poprawione prócz altów bo jedyne alty to są loga różnych technologii i strony do portfolio które są narazie zarysem, szablonem, dzięki :)

Answer 3

Strona zawiera mało treści i za bardzo nie ma co oceniać, przypomina niegotowy szablon. Estetycznie wygląda słabo, na co wpływa m.in. niski kontrast kolorów. Niektóre rzeczy ciężko po prostu odczytać. 

Błędy, które zauważyłem:

• strona na telefonie w pewnych sekcjach się "rozjeżdża", polecam zapoznać się z flexboxem
• twoje logo nie mieści się na ekranie telefonu 
• formularz kontaktowy nie wysyła wiadomości (send_form.php)
• obrazki się nie wyświetlają w sekcji Portfolio (ale to chyba zamierzony cel)
• ten plik nie istnieje: 

  <script src="js/plugins.js"></script>

• nie stylizuj po znacznikach html tylko zawsze nadawaj im klasy 

  h4 {
    margin-top: 80px;
    font-size: 24px; }

• dziwne nazwy plików graficznych, posiadają rozszerzenie svg czy png? :)

  <img src="../img/HTML5.svg.png" alt="logo html5" class="firstimg">
  <img src="../img/CSS3.svg.png" alt="logo css3">
  <img src="../img/JavaScript.svg.png" alt="logo javascriptu">
  <img src="../img/Sass.svg.png" alt="logo sassa">
  <img src="../img/Gulp.svg" alt="logo gulpa">
  <img src="../img/Boostrap.svg.png" alt="logo bootstrapa">

Jesteś bardzo młody i nie przejmuj się za bardzo moją opinią. Jak poprawisz stronę, chętnie zobaczę nową wersję :)

Comments

jak to teraz wygląda ? :>

---

Kontakt jest teraz widoczny oraz responsywność działa jak należy :) Natomiast gradient w zakładce "trochę o mnie" sprawia cały czas, że ciężko przeczytać treść. Stopka także jest niewidoczna.

---

ale zauważyłeś parallax ? :>

---

Nie mogę go zauważyć

---

w sensie główne elementy strony, header, sekcja o mnie, technologie itd. są że tak powiem z przodu a tło z tyłu w trakcie poruszania widać lekko no przynajmniej według mnie :P

Answer 4

http://jigsaw.w3.org/css-validator/

• Niech Trochę o mnie ma też zaokrąglone rogi, jak Kontakt.
• Oba pola są za długie.
• Obrazki Technologii nie równo się składają przy zwężaniu strony,
• jest wtedy między nimi za mała odległość.
• Za wiele kolorów czcionek.
• Czcionki za ciemne w stosunku do tła.
• Za mały odstęp między polem na wiadomość, a przyciskiem wyślij.
• itd..

Skoro znasz bootsrap, to responsywność zrób na nim, a później dobierz kolory.

Comments

poprawione może nie bootstrapem, znam ale czytałem o złych opiniach na jego temat, dużo zajmuję to 1 z nich .. ale zamiast tego skorzystałem z media queries :> i jak kolega wyżej polecił palete barw poszukałem fajnej strony i ta da :D