Wątek przeniesiony 2019-07-11 12:28 z przez Adam Boduch.

Ocena strony na podstawie szablonu PSD

Odpowiedz Nowy wątek
2019-07-10 22:14
1

Witam,

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

github,
strona.

edytowany 2x, ostatnio: furious programming, 2019-07-11 16:25

Pozostało 580 znaków

2019-07-10 22:42
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ł.


That game of life is hard to play
I'm gonna lose it anyway
The losing card I'll someday lay
So this is all I have to say

Pozostało 580 znaków

2019-07-10 22:47
0

Na jakiej rozdzielczości się tak dzieje?

Pozostało 580 znaków

2019-07-10 22:52
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


That game of life is hard to play
I'm gonna lose it anyway
The losing card I'll someday lay
So this is all I have to say

Pozostało 580 znaków

2019-07-10 23:02
0

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

prośba - przypomnij o tym jutro, to w ciągu dnia sprawdzę i sprostuję albo potwierdzę ;) Teraz już spadam do łóżka. - cerrato 2019-07-10 23:57

Pozostało 580 znaków

2019-07-11 08:32
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?

Pozostało 580 znaków

2019-07-11 09:01
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


That game of life is hard to play
I'm gonna lose it anyway
The losing card I'll someday lay
So this is all I have to say

Pozostało 580 znaków

2019-07-11 10:22
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.

edytowany 1x, ostatnio: furious programming, 2019-07-11 16:26

Pozostało 580 znaków

2019-07-11 10:48
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.


Pozostało 580 znaków

2019-07-11 17:01
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ą?


Pozostało 580 znaków

2019-07-11 17:09
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".


Może zmień przeglądarkę na inną niż IE :) - czysteskarpety 2019-07-11 21:12
A co przeglądarka ma tu do rzeczy? Chociaż w sumie trochę ma, na FF mam podeklarowane lokalne CSS-y, które trochę naprawiają tę modę na nieczytelne napisy. - Freja Draco 2019-07-11 22:42

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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