Szkolna strona do oceny

Question

Hej!

Niedawno stworzyłem nową stronę internetową dla mojej szkoły i chciałbym prosić żebyście na nią zajrzeli i ocenili pod względem funkcjonalności i designu ;) Jest to praktycznie pierwsza stworzona przeze mnie strona więc w trakcie pojawiały się liczne problemy :P

Szablon został napisany ręcznie wraz z RWD po czym dostosowałem go pod wordpressa.

Tak jak mówię jest to mój pierwszy projekt, więc proszę o wyrozumiałość w ocenie ;)

http://balzer.cal24.pl/

Answer 1

Jak na pierwszą stronę to całkiem przyzwoicie :)

Oczywiście w kodzie jest sporo do zrobienia, ale nie wiem czy oceny kodu też oczekujesz także powiem tylko, że JS lepiej ładować pod koniec body i polecam używać validatora link

Co do funkcjonalności, przyklejane menu trochę szwankuje ponieważ odrywa przez co tworzy miejsce i dalsza część strony w nie wskakuje powodując nieprzyjemny przeskok. Aby temu zaradzić możesz np. w momencie nadawania menu pozycji fixed, nadać następnemu elementowi margin-top równy wysokości tej nawigacji która została oderwana.

Comments

Zdaje sobie sprawę, że z kodem daleko do ideału dlatego nie prosiłem konkretnie o jego szczegółowy ocenę, choć oczywiście każdą radę przyjmę ;)

---

Zdaje sobie sprawę, że z kodem daleko do ideału dlatego nie prosiłem konkretnie o jego szczegółowy ocenę, choć oczywiście każdą radę przyjmę ;)

IMHO. to właśnie dlatego powinieneś prosić o jego szczegółową ocenę. 

Answer 2

Ostatnio uczę się trochę o  user experience, więc powiem pod tym kątem. 

1. W mobilnej wersji strony hamburgera dał bym z lewej lub prawej (ludzie są przyzwyczajeni do tego, a takie elementy rzadko zdarzają się na środku).
2. Dodałbym do atrybutów hover czas animacji (choć nie zadługi max do 1 sec, żeby ludzie nie odnosili wrażenia że strona wolno działa) 
3. Żeby podkreślić możliwość interakcji mógłbyś dać na hoverze jakiegoś małego scale(), ale nie dużego np 1.05 
4. Może to tylko moje wrażenie ale efekt rozmazania tła w banerze jest trochę dezorientujący (to co jeden weźmie za bajer inny może pomyśleć że grafika jest w niskiej rozdzielczości ;) ). Trochę bym zmniejszył ten efekt

Poza tym jest bardzo fajna i wygląda lepiej niż większość potworków które robimy w firmie dla urzędów :D

Comments

masz na myśli żeby efekt na hoverze działał tylko przez tą 1 sec po czym wracał element do stanu domyślnego? :P

Answer 3

Kilka rzeczy od siebie (lepszej i tak bym nie zrobił :D )

1. Po zmniejszeniu okna przeglądarki, rozwinie i zwinie się menu to po ponownym rozszerzeniu menu się nie pojawia. Może się czepiam

2. Ze slajderem jest coś nie tak, bo przy zmniejszaniu strony, zdjęcia nie zajmują całej jego powierzchni.

3. Zmieniłbym jakoś pole i przycisk do wyszukiwania na styl jaki ma cała strona

4. Na samym dole masz informacje, że strona stoi na wp i link do strony logowania... nie wiem czy to bezpieczne. Polecam wtyczkę all in one wp security and firewall

Comments

z tym zmienianiem rozmiary to racja, nie do końca sobie z niektórymi elementami wtedy radzę i czasem strona po zmianie rozmiary wymaga przeładowania żeby wyświetlić prawidłowo slaider lub menu