Witam,
zrealizowałem projekt na podstawie szablonu PSD w GatsbyJS. Bardzo prosiłbym o ocenę projektu. Linki zamieszczam poniżej:
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
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ł.
Na jakiej rozdzielczości się tak dzieje?
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
Przejechałem po wszystkich rozdzielczościach i nie widzę tego problemu. Może strona się źle zrenderowała, spróbuj jeszcze raz.
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?
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)
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.
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.
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ą?
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".
Nie znasz się, pastelowe jest sexy :P
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ść ?
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.