Witam,
chciałbym wam przedstawić moje dwie strony (a w sumie jedną kompletną i drugiej jedynie stronę główną). Zależy mi na ocenie kodu, biorąc pod uwagę, że to moje pierwsze projekty :) Oraz powiedzenie co jest nie tak. Dziękuje za wszelkie porady, jak i za konstruktywną krytykę.
http://algogeek.cba.pl/
http://algogeek.cba.pl/algogeek-test/index.html
PS. Niestety, ale stronki na darmowym hostingu, stąd reklamy i możliwe rozjechania. Niestety niezbyt wiem jak to zlikwidować :/
Postaw na openshift - tam nie ma reklam.
Typografia nie do końca mi jakoś pasuje.
W placeholderach masz nierówny tekst.
Toolbar by chyba lepiej wyglądał z samym kolorem, zamiast tej grafiki.
To moje prywatne odczucia ;) Ogólnie nie jest źle.
Jutro postaram się zmienić hosting :)
Co do typografii i ogólnie wyglądu - tym zajmował się grafik, przekaże mu Twoje uwagi. Zaraz zobaczę na placeholdery. Mi najbardziej zależy na opinii dotyczącej kodu - ewentualne błędy itp.
Ale dziękuję za Twoją opinię :)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Już szkoda pisać w XHTML, pisz współcześnie:
<!DOCTYPE html>
Do pisania wzorów/formułek mógłbyś się pokusić o podpięcie LaTeX'u, zamiast wstawiać obrazek.
http://algogeek.cba.pl/algogeek-test/ciag_fibonacciego.html
Design całkiem średni, jak nie kiepski. Biały tekst na jasnoszarym tle jest nieczytelny. Tabelki (np. tabela ligowa) powinna mieć jakiś minimalny padding, żeby cyferki nie zlewały się z obramowaniem.
w drugim linku masz niedomknięte tagi i się sypie lekko.
mała wskazówka:
Strona nie jest responsywna, inaczej nazywana "mobile first". Czyli strona zbudowana z metod i klas wyświetla się na każdej wielkości ekranu estetycznie , elementy skalują się
Przykładowa biblioteka:
http://getbootstrap.com/
Przykłady :
http://startbootstrap.com/template-categories/all/
mały przykład do zdjęć na których masz tekst:
<div class="container" >
<div class="row">
<div class="col-lg-6">
<div class="panel">
<div class="panel-heading">
<div class="row">
<div class="text-right">
tekst
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
tekst
</div>
</div>
</div>
Brak RWD skreśla tę stronę na samym początku :P