Prośba o ocenę i korektę strony

Question

Usiłuję stworzyć kilka takich stronek, żeby mieć co pokazać podczas aplikowanie do pracy (głównie zajmuję się back-endem). Stworzyłem póki co coś takiego:

https://codepen.io/anon/pen/mYzZRW

Moja prośba jest taka, abyście pomogli mi z footerem, bo znów mam problem z pustą przestrzenią nad section.

Druga sprawa - co mam poprawić, wyglądowo lub w kodzie.

Od razu zaznaczam, żebyście się nie sugerowali tym:

        <img src="https://naforum.zapodaj.net/thumbs/4ebb9c2fb458.png" alt="idea" width="300" height="300">

Zdjęcia mam lokalnie i nie ustawiam w ten sposób szerokości i wysokości :D

Answer 1

masz pustą przestrzeń bo h2 daje defaultowy margin

 

footer h2{
  margin-top:0;
}

 

Comments

a do poprawy:

- czcionka na pewno

- jakiś może lepszy kolor

- to oddzielenie tych itemów w mainie takie trochę średnie tą kreską, poprzeglądaj strony i znajdź ładniejsze rozwiązanie

- do takiego layoutu ewidetnie przydałby się slider

- w kontakcie może formularz jakiś?

---

- Jakieś konkretne czcionki mógłbyś polecić?

- Z kolorem postaram się coś wymyślić, choć nie mam do tego oka

- Kurczę, bo właśnie sugerowałem się jakąś stroną i było kreskami rozdzielone

- W trakcie nauki JavaScriptu, chwilę mi zajmie budowa slidera

- Raczej planowałem, aby przycisk przenosił do osobnej strony z formularzem, aby w stopce nie zajmować miejsca

---

Czcionka: sporo stron ostatnio używa tej, jest w miare okej - https://fonts.google.com/?query=poppins&selection.family=Poppins

Kolor : https://flatuicolors.com/

Kreski : słabo to wygląda, o wiele lepiej bez kresek już by było, tak to strona wygląda jak jakaś tabela

Slider - no pewnie :D, najlepiej ucz się podczas jego budowy, zrób jak najbardziej rozbudowany - może przyda się do następnych projektów?

Formularz w stopce to dość częste zjawisko, ale to już jak uważasz.

---

Teraz lepiej? https://codepen.io/anon/pen/mYzZRW

---

no lepiej ale pare poprawek:

ostylizuj jakoś te inputy

te itemy co miały linie zrób jakiś padding z lewej i prawej strony , żeby nie były tak blisko krawędzi

---

A teraz? Link ten sam :D

---

Znaczy no powiem ci szczerze, nie traktuj tego jako atak tylko konstruktywną krytykę.

Musisz jeszcze sporo się nauczyć, może nie tyle co kodować, a co dobierać kolorystykę, 

przejrzyj dużo, dużo i jeszcze raz dużo stron, ale takich nowoczesnych, zobacz jak one sobie radzą z ułożeniem elementów, kolorami, formatowaniem etc.

Możesz też wejść na np : https://themeforest.net/search/portfolio

Pooglądaj jak robią to osoby, które sprzedają takie motywy, przy większości masz opcję "Preview" lub tam "Live Preview", spróbuj np porobić kopie takich stronek, ale kod mieć własny, Po paru takich projektach, może lepiej zauważysz jak to wszystko działa i jak powinna wyglądać taka bardziej profesjonalna strona.

Pozdrawiam!

---

Wiedziałem, że nadal coś z tą kolorystyką będzie nie tak. Za cholerę nie mogę sobie poradzić z tym dobieraniem kolorów :/

Answer 2

Usiłuję stworzyć kilka takich stronek, żeby mieć co pokazać podczas aplikowanie do pracy (głównie zajmuję się back-endem)

to po co w ogóle robisz front :)? Chcesz iść w back-end czy front? Bo jeśli w back-end to front nie jest Ci potrzebny, owszem, fajnie pewne rzeczy znać ale od tego są front-endowcy. Czasami się to miesza, to fakt, choć przyznam na moim przykładzie że chyba częściej to front coś skrobnie w API niż back-end na froncie.

A jak interesuje Cię back-end to po prostu pokaż, że umiesz zrobić jakieś API, wystaw np. jakieś API restowe z paroma endpointami do różnych akcji, użyj jakieś bazy danych, zrób jakieś zabezpieczenia np. na część endpointów z autoryzacją itp. itd. To jest coś, co możesz pokazać na stanowisko back-endowe, a nie stronki www.

Answer 3

Dobrą praktyką jest umieszczanie skryptów przed zamykającym tagiem </body>

Tak samo najlepiej stylować wszystko po klasach, zamiast np nav ul li. 

tak zwana specyficzność selektorów

Brakuje jeszcze media queries, czyli styli na urządzenia mobilne.

i zmniejszyłbym czas animacji na przyciskach.