Moja strona domowa

Question

Więc, jako zwieńczenie nauki podstaw webdevu oraz kamienia milowego mojej marnej egzystencji udało mi się stworzyć swoją stronę domową. Chciałbym zasięgnąć waszej opinii co do wyglądu, jakości kodu, i ogólnego wrażenia po zajrzeniu na stronę. Udało mi się zrobić jako-taką responsywność (dość dobrze się przegląda na telefonie), w niedalekich planach mam refaktoryzację całego kodu i okodowanie kilku narzędzi online, np.: konwertery.

Link do kodu na github: https://github.com/vellurpatrick/homepage

Strona na razie stoi tu: vellur.mikr.us

Więc, co o tym sądzicie?

Answer 1

• Dlaczego tekstu na stronie nie da się zaznaczać? Po co ten: user-select: none;? Moim zdaniem w ogóle niepotrzebny, zmniejsza dostępność, a do tego są tacy dziwni ludzie (jak ja), którzy jak czytają, to często sobie zaznaczają tekst. :)

No i podstawowe błędy:

• W niektórych miejscach stylujesz do id. Zawsze po klasach.
• Gdzie jest h1? 
• Co to za alt "moje logo"? Uważasz, że przydatna jest ta informacja? :) W twoim przypadku powinna prawdopodobnie zawierać nazwę strony albo być puste, jeśli nie jest istotne (nie wiem co to przedstawia, jeśli nazwę strony, to nazwa).
• Tak samo: "Obrazek przedstawiający wygląd programu" - opisz jak to wygląda i co to jest, a nie że obrazek "coś" przedstawia.  W takim wypadku do każdego 'alt' mógłbyś dać taki sam opis: obrazek przedstawia obrazek. 
• Piszesz o responsywności, więc jak chcesz się nauczyć jej lepiej, to możesz poznać inne jednostki niż px i %. Szukaj pod hasłem RWD.
• Tworzysz zbyt dużo divów. Często dla jednego linku lub krótkiego zdania. Postaraj się zmniejszyć ich ilość. Uwierz, że są niepotrzebne. :)
• W meta http-equiv="X-UA-Comp... możesz wywalić chroma. Niepotrzebny
• Ten <br /> w stopce na pewno potrzebny? :) (Gdzieś tam też rzucił mi się w oczy podwójny...)

 

• Jeśli chodzi o wygląd, to twoje menu sugeruje jakby "Narzędzia" i "Moje projekty" dało się kliknąć. Jeśli chodzi o estetykę, to niezbyt się znam, ale na pewno można popracować. ;)

Takie podstawowe rzeczy, które zauważyłem na pierwsze spojrzenie. Powodzenia w poprawkach i dalszej nauce. :D

Comments

Dzięki za odpowiedź!

Poprawiłem część rzeczy o których napisałeś. W wolnej chwili jeszcze poczytam o RWD dokładniej i chyba jeszcze zmodyfikuję to menu.

Jeśli chodzi o estetykę, to niezbyt się znam ...

Wszystko fajnie, z tym że ja się znam jeszcze mniej ;-;

---

Popatrz jak wyglądają obecnie strony internetowe. Na pewno mają bardziej żywe, wyraziste kolory i lepiej dopasowane. Popracuj nad czcionkami. :)

http://www.flatuicolorpicker.com/

https://material.io/guidelines/style/color.html#color-color-palette

Answer 2

Oglądam witrynę na 8-calowym tablecie. Wyświetla się prawidłowo z tym, że w widoku pionowym są zdecydowanie za drobne litery. W układzie poziomym jest dużo lepiej. Ze względu na całkowicie białe tło, z jednej strony wygląda schludnie, porządnie, ale z drugiej bardzo ascetycznie, surowo. Dlatego ocena za "wrażenie artystyczne" nie może być wysoka. Spróbuj poeksperymentować z kolorem, nie twierdzę, że się uda.

Comments

... w widoku pionowym są zdecydowanie za drobne litery.

 Eksperymentuję teraz z responsywnością. Po zmienieniu jednostek w kodzie powinno być lepiej. (a przynajmniej mam taką nadzieję)

...całkowicie białe tło...

 ? Na pewno ta strona ładuje się u Ciebie tak jak powinna? Jeżeli mógłbyś, zrób proszę screenshot-a jak to u Ciebie wygląda.

Dzięki za odpowiedź.

---

Strona na pewno ładuje się prawidłowo, i to, co ma być w kolorze  - jest w kolorze! (np.zielony przycisk, niebieskie napisy, jasno-niebieskie podświetlenie, czarna duża czcionka). W widoku poziomym wszystko jest ładnie, nic bym nie zmieniał. Wrażenie zbyt białego tła dominuje w widoku pionowym, ponieważ treść strony jest zbyt drobna, zajmuje tylko połowę ekranu, a druga - na dole jest całkowicie pustą i biała.

Z białą stroną jest dokładnie tak, jak z białą karoserią samochodu - nikt nie powie, że jest brzydka, ale pomalowana wygląda lepiej.

---

Hmm... poprawiłem odrobinę czcionkę na stronie i zmniejszyłem główne okno z treścią na mobilce. Powinno być teraz lepiej.

---

P.S. Co nie znaczy, że namawiam Cię do kolorowania tła. W wielu przypadkach biały kolor jest jak najbardziej wskazany.

---

@Vellur,  Na tablecie nic się nie poprawiło (w pionie), a na komórce wyświetla się zupełnie nieprawidłowo.

---

Strzelam że coś się zepsuło z cach-owaniem css'a, zaraz to poprawię. Dzięki za cynk