Ocena strony na podstawie szablonu PSD

1

Witam,

zrealizowałem projekt na podstawie szablonu PSD w GatsbyJS. Bardzo prosiłbym o ocenę projektu. Linki zamieszczam poniżej:

github,
strona.

1

Tak na szybko dwie uwagi:

1) Z grubsza RWD działa, ale podczas skalowania masz chyba troszkę źle dobrane breakpointy względem rozmiarów grafik (albo jak kto woli - obrazki względem breakpointów ;) ). Zobacz, co się dzieje, kiedy sobie zmieniam rozmiar okna - zamiast zachować odstęp, obrazki nachodzą kilka px na siebie, zanim przeskoczy breakpoint i zmieni się styl/układ
screenshot-20190710224115.png

2) jak dla mnie prędkość przewijania strony jest za duża. Aczkolwiek to jest kwestia subiektywna, inni mogą uważać inaczej, ale ja bym to jednak spowolnił.

0

Na jakiej rozdzielczości się tak dzieje?

1

Monitor mam 2560x1440, ale pokazany efekt możesz sobie zaobserwować, gdy zaczniesz płynnie zmniejszać okno przeglądarki. U mnie występuje, gdy strona zajmuej ok. 1/2 ekranu

0

Przejechałem po wszystkich rozdzielczościach i nie widzę tego problemu. Może strona się źle zrenderowała, spróbuj jeszcze raz.

0

U mnie powyższy problem nie wystąpił lub też go nie zauważyłem (monitor 27, full HD). A swoją drogą jak oceniasz GatsbyJS? Ile roboczogodzin zajął Ci ten projekt?

1

Sprawdzone na innym komputerze, do tego z odpalonym innym systemem operacyjnym (wczoraj był Linux, dzisiaj Win10) i efekt braku odstępów między zdjęciami ponownie udało mi się uzyskać (na obrazku akurat widać efekt hover)

screenshot-20190711090044.png

0
Czarcik napisał(a):

U mnie powyższy problem nie wystąpił lub też go nie zauważyłem (monitor 27, full HD). A swoją drogą jak oceniasz GatsbyJS? Ile roboczogodzin zajął Ci ten projekt?

Ciężko powiedzieć ile czasu to zajmuję, ponieważ wcześniej zajmowałem się głównie JavaScript oraz biblioteką ReactJS. W każdym projekcie tworzyłem CSS pod własne potrzeby. Ten projekt stworzyłem, aby potrenować PSD -> HTML. Gatsby oceniam bardzo pozytywnie. Trochę czasu straciłem na optymalizacje, na przykład: najpierw próbowałem zdjęcia wrzucić na contentfull w formacie .webp, ale okazało się, że Safari tego formatu nie wspiera. Na koniec dodam, że jestem w pewnym stopniu nowicjuszem, ponieważ nie mam żadnego doświadczenia zawodowego i bardzo ciężko znaleźć mi pracę w tej branży.

cerrato napisał(a):

Sprawdzone na innym komputerze, do tego z odpalonym innym systemem operacyjnym (wczoraj był Linux, dzisiaj Win10) i efekt braku odstępów między zdjęciami ponownie udało mi się uzyskać (na obrazku akurat widać efekt hover)

Pytałem kilkanaście osób i nikt nie miał takiego problemu przy RWD. Wrzucam poniżej kilka sqreenów w załącznikach.

0

Jak dla mnie spoko stronka, widać że oczytałeś temat i są dobre efekty, rozdziałki są ok, wszystkie podstawowe z devtoolsa są poprawne.
Warto zwrócić uwagę na audyt chrome, tam można kilka tematów dopieścić jeszcze, to tak jako uzupełnienie.
Na junior level to nie ma się do czego przyczepić w zasadzie.

2

Powiem tyle: https://contrastrebellion.com/

Skąd ta uparta maniera, żeby robić strony wyglądające jak blady wydruk z igłówki z podeschniętą taśmą?

1

Na małych rozdzielczościach niektóre treści nie mają marginesów / paddingów i przyklejają się do krawędzi okna.

Górne menu w niższych rozdzielczościach zachowuje się dziwnie: wyrównuje do lewej i nie zajmuje całej przestrzeni ekranu.
Podobnie zdjęcia tych facetów i z sekcji "latest blog".

0

Nie znasz się, pastelowe jest sexy :P

0
Freja Draco napisał(a):

Na małych rozdzielczościach niektóre treści nie mają marginesów / paddingów i przyklejają się do krawędzi okna.

Górne menu w niższych rozdzielczościach zachowuje się dziwnie: wyrównuje do lewej i nie zajmuje całej przestrzeni ekranu.
Podobnie zdjęcia tych facetów i z sekcji "latest blog".

Jaka rozdzielczość ?

0
one1992tb napisał(a):
Freja Draco napisał(a):

Na małych rozdzielczościach niektóre treści nie mają marginesów / paddingów i przyklejają się do krawędzi okna.

Górne menu w niższych rozdzielczościach zachowuje się dziwnie: wyrównuje do lewej i nie zajmuje całej przestrzeni ekranu.
Podobnie zdjęcia tych facetów i z sekcji "latest blog".

Jaka rozdzielczość ?

Poniżej 560px szerokości.

1 użytkowników online, w tym zalogowanych: 0, gości: 1