ocena strony

pytanie zadane 17 lipca 2018 w HTML i CSS przez xydden Gaduła (4,480 p.)

Witajcie, ostatnio postanowiłem przebranżowić się na webdev i w ramach nauki napisałem sobie taką stronę https://kacperszo.github.io/kancelaria/ .
Chciałbym was prosić o pokazanie błędów które na pewno są tu w sporych ilościach i przekazanie uwag na temat wyglądu oraz działania strony.
Dzięki ;)

2 odpowiedzi

odpowiedź 17 lipca 2018 przez Mariusz08 Maniak (62,300 p.)
wybrane 18 lipca 2018 przez xydden

Najlepsza

 <article id="faq">

Tutaj dałbym sekcję (w środku sa artykuły)

<h3>Lorem ipsum</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vulputate ante viverra, auctor velit sit amet, dapibus
                        metus. Maecenas diam felis, rutrum et placerat pharetra, luctus nec sem. Sed sit amet lectus eu arcu
                        porta tincidunt. Integer malesuada odio a neque placerat, ac faucibus enim bibendum. Curabitur auctor
                        odio nec nisl ornare rhoncus. Etiam faucibus libero lorem, a faucibus mi malesuada in. Nulla ornare
                        odio non tellus porta efficitur. Curabitur eu est viverra lectus dignissim semper. Nunc tempus

Tekst który jest po h3 dałbym w <p>

Poza tym na pewno za dużo nagłówków h1, z tego co pamiętam z dobrych praktyk, na całą stronę przypada jeden nagłówek h1.

 <h1>Lorem ipsus</h1>

Nawet jeśli już używamy wielu nagłówków h1, to jest to nagłówek, więc można to wsadzić w <header>

nav {
      margin-top: 1vw;
      margin-right:11vw; 
}

Nie stylujemy po tagach

odpowiedź 17 lipca 2018 przez imklau Nałogowiec (42,090 p.)

Stwórz stronę bez Bootstrapa i daj nam do oceny - na pewno więcej się nauczysz :)

<a href="#">Zadzwoń (+48) 000 000 000 !</a>

Tutaj powinniśmy wykorzystać:

<a href="tel:0048000000000">Zadzwoń (+48) 000 000 000 !</a>

Na Twojej stronie są nagłówki h1 i h3, a gdzie zgubiłeś po drodze h2? :D No i tych h1 jest o dwa za dużo.
```
padding-top: 1vw;
padding-left: 12vw;
```
Dlaczego dajesz paddingi w vw?
Czasami dajesz też czcionkę w px, a czasami w vw. Lepiej się trzymać jednej wersji i lepiej nie tej vw :)
```
#faq article h3{
      color: rgb(161, 0, 0);
}
```
Nie zagnieżdżamy tak :< używaj osobnej klasy dla każdego elementu.
Tutaj się powtórzę bo przy takiej małej stronie i na dodatek robionej na BS to naprawdę nie ma co oceniać :D Olej ten framework i działaj sam!