• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Code Review - co poprawić

Object Storage Arubacloud
0 głosów
189 wizyt
pytanie zadane 15 czerwca 2016 w HTML i CSS przez xmentor Nałogowiec (49,520 p.)
zamknięte 18 czerwca 2016 przez xmentor

Link do strony: http://kkondratowicz.esy.es/cr/

Proszę o wytknięcie nawet najmniejszego błędu smiley - szczególnie chodzi mi o semantyke kodu.

komentarz zamknięcia: Uzyskałem odp

2 odpowiedzi

+2 głosów
odpowiedź 15 czerwca 2016 przez Comandeer Guru (601,110 p.)
  • <meta name="keywords" content="">
    		<meta name="description" content="">  

    Rozumiem, że to tylko w demo? ;)

  • <p>WORKING<br>WITH design LAB</p>
    <p>We've been helping startups launch and grow their businesses. We help<br>you to fill the gap between development,<br>design and        product management.
    </p>

    Nie podoba mi się to br. Nie wymuszałbym przełamania tekstu wyłącznie ze względów estetycznych.

  • <a href="#main"><img class="bottom" src="img/bottom.png" alt="BOTTOM"></a>

    Tutaj dodałbym jeszcze [title] do linku, a sam [alt] zmieniłbym na "Scroll to the main part of the page" czy coś tego typu.

  • <header><h2>About us</h2></header>

    Tutaj starczy samo h2.

  • To, co masz jako fieldset > legend powinno być section > h3. A jeszcze lepiej: div z ładnym ::before (bo ten "nagłówek" to duplikacja). fieldset służy do grupowania pól formularza.

  • No i dlaczego nie ma tam akapitów?

  • Tam, gdzie masz "What we do?" poszczególne divy to sekcje.

  • <a href="#header"></a>

    Pusty element = bezsensowny element.

komentarz 16 czerwca 2016 przez xmentor Nałogowiec (49,520 p.)

Rozumiem, że to tylko w demo? ;)

Tak :)

Wielkie dzięki za wskazówki!

+2 głosów
odpowiedź 15 czerwca 2016 przez radek024 Szeryf (77,160 p.)
  • Nie rozumiem zastosowania tutaj fieldsetu - tego się używa w formularzach, czytaj więcej tutaj.
  • Prace powinny mieć wypełniony alt - nie jest to element dekoracyjny. I czy to nie powinna być lista?
  • br też średnio - mogłeś zrobić po prostu oddzielne paragrafy,
  • nie stylizuj po tagach
  • IMO nadużywasz ilości tagów, np.: w main, w article na pewno z mniejszą ilością dałbyś radę to zrobić równie dobrze.

Ogółem: jest całkiem ok, poza tym fieldsetem.

komentarz 16 czerwca 2016 przez xmentor Nałogowiec (49,520 p.)
edycja 16 czerwca 2016 przez xmentor

Nie rozumiem zastosowania tutaj fieldsetu - tego się używa w formularzach, czytaj więcej tutaj.

Musiałem wykonać takie obramowanie:

Ale teraz wiem że mogłem zrobić to inaczej :)

Dzięki za wskazówki!

Podobne pytania

0 głosów
2 odpowiedzi 413 wizyt
pytanie zadane 30 czerwca 2016 w Nasze projekty przez Alterwar Dyskutant (7,650 p.)
0 głosów
2 odpowiedzi 376 wizyt
0 głosów
2 odpowiedzi 777 wizyt
pytanie zadane 3 lipca 2018 w HTML i CSS przez Jarver Użytkownik (820 p.)

92,572 zapytań

141,422 odpowiedzi

319,645 komentarzy

61,959 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...