Ocena szablonu [portfolio]

[Utilaft 14]

Witam. Stworzyłem szablon na potrzeby mojego portfolio, tak by poćwiczyć.

 

Zapraszam do oceny wizualnej:

 

http://utilaft.pl

[Gość SkryptoManiak]

Te ostatnie projekty wyglądaja idiotycznie się tak przesuwająć zrób lepiej efekt że jak się na nie najedzie to powiekszą się zdjęcie z prawej strony Polecam to bym obramowal

[PapaSmerf 497]

Forbidden

 

You don't have permission to access / on this server.

 

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

Edit: Coś tam pyka, ale wali 404 pod wszystkimi URLami. Na razie to weź to latające gówno usuń, bo inaczej nie wejdę tam... Edytowano Styczeń 29, 2013 przez pedro84 (zobacz historię edycji)

[Utilaft 14]

Bo zmieniłem pliki na php. Ok, usunąłem to "latające" gówno.

 

Moim zdaniem nie są złe te moje projekty. Wszystkim się tak nie podobają?

[PapaSmerf 497]

Dobra, jedziemy. Ogólnie jest fajnie, ale na portfolio jeszcze za wcześnie moim zdaniem.

 

Layout:

+ nawet fajna typografia, tekst wygląda przejrzyście, nie ma problemów z czytaniem

+ całość przejrzysta, nic nie wali po oczach

- formularz do zmiany - zbyt duże odstępy pomiędzy etykietą, a polem. Button słabiutki.

 

Kod:

- elementy listy umieszczamy w liście

- znaczniki się zamyka

- dla obrazków ustawiamy atrybut alt, dla linków title

- menu na liście - a nie takie wolne "anchory" latające bez orbity

- co to ma być: <h2>Email:*</h2><br>? Słyszał o label? <br /> używamy do załamywania linii w tekście, nie do odstępów (od tego jest CSS i margin/padding)

- w formularzu masz button z nadanym id - lepiej użyć klasy w tym przypadku - element będzie się zapewne powtarzał na tej samej podstronie

 

Tak na szybkiego. Lay niezły, ale za kod to w łeb i siadaj. Pała

[Utilaft 14]

- dla obrazków ustawiamy atrybut alt, dla linków title - alt jest, dla linków na razie nie dawałem.

 

- znaczniki zamykam, może nie zauważyłem

 

- menu na liście - a nie takie wolne "anchory" latające bez orbity - nie widzę potrzeby.

 

- nie widziałem różnicy pomiędzy <br> - <br />, dzięki.

 

- button fakt, jest brzydki, ale go poprawię. Co do id i class, to samo - teraz się dowiedziałem jaka różnica

 

Masz racje, na portfolio za wcześnie,

 

Edytowano Styczeń 29, 2013 przez Utilaft (zobacz historię edycji)

[PapaSmerf 497]

- dla obrazków ustawiamy atrybut alt, dla linków title - alt jest, dla linków na razie nie dawałem.

Ucz się od razu dobrze robić, kiedyś za to podziękujesz

- znaczniki zamykam, może nie zauważyłem

Pola w formularzu choćby.

- nie widziałem różnicy pomiędzy <br> - <br />, dzięki.

Ekhm, w zastosowaniu różnicy nie ma tak czy siak.

[Westbam 64]

Na kodzie się nie znam ... Na grafice trochę więc...

 

Strona jest strasznie pusta (lepsze widziałem darmowe szablony...) Menu bez żadnego efektu..

Jeden kolor w tle i na nim dodatkowo jakiś efekt + WIEEELKIE czcionki to nic specjalnego.

 

1/5

 

Pozdrawiam!

 

 

[Grafik.Marinez 1]

Uuuu.. darmowe szablony wyglądają lepiej, proponuję przejżeć projekty na stronie http://www.templatemonster.com/ i starać się naśladować, kopiować ich koncepcje. Z czasem można je łączyć i tworzyć w miarę funkcjonalne i wyglądające szablony.

[Gość]

On to mocno pozmieniał. Dziwne to jest teraz, w ogóle inny kierunek. OCB?

 

A co do wzorowania się na templatemonster to cóż... można i tak. A można nauczyć się rzeczywiście dlaczego, co, gdzie, jak ma być...

[Utilaft 14]

Co do grafiki, jeśli bym planował jakiś szablon z grafiką, uwierz że miałby grafikę. Portfolio chciałem tworzyć według swojego uznania, i żeby było w miarę oryginalne.

 

 

Edytowano Styczeń 30, 2013 przez Utilaft (zobacz historię edycji)

[Gość]

Ale Ty niedawno jakąś inną stronę dawałeś do oceny... to było coś innego?

[Utilaft 14]

@sponsi - Nie rozumiem

[PapaSmerf 497]

Ale Ty niedawno jakąś inną stronę dawałeś do oceny... to było coś innego?

Z tego co pamiętam, to było zupełnie coś innego.

[Gość]

Acha, bo tamto było lepsze : )

[Utilaft 14]

No ok, ale mimo wszystko mi się ten podoba Pracuje nad nowym, jutro dam do oceny, albo dziś jak skończę.

[maniack 403]

.

Edytowano Wrzesień 13, 2017 przez maniack (zobacz historię edycji)

[Utilaft 14]

O headerze zapomniałem.

 

A co powiecie na taki szablon? http://utilaft.pl/design/UtiGreen/

 

nie jest skończony, ale mniej więcej tak by wyglądał,

[Grafik.Marinez 1]

Przypomina szablon WordPressa, jeżeli chodzi o kod html/css to musisz poprawić kod

 

http://validator.w3.org/check?uri=http%3A%2F%2Futilaft.pl%2Fdesign%2FUtiGreen%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

[Utilaft 14]

Ok, nie zauważyłem tych błędów, w oczach mi się już chyba je..

[PapaSmerf 497]

Nie powielaj ról znaczników - jeśli masz jeden header, to nie potrzebuje on id="header", w ogóle nie potrzebuje id.

Jesli się uczy, to niech lepiej da. Znacznik ten może występować w wielu miejscach na stronie, tak samo jak footer.

@font-face potrzebuje pełnego pakietu czcionek do działania we wszystkich przeglądarkach.

Pom pom pom pom Czcionka vs Font

nie jest skończony, ale mniej więcej tak by wyglądał,

Zwolnij trochę. Skończ, dopracuj, popatrz za parę dni, popraw - dopiero wtedy pokazuj Edytowano Styczeń 30, 2013 przez pedro84 (zobacz historię edycji)

[Utilaft 14]

Chciałem zobaczyć czy w ogóle taki będzie dobry, chciałem się upewnić że jako taki rysopis byłby dobry

 

A mam jeszcze takie pytanie, bo chcę dobrze pisać kod.

 

Jeśli w body dam 100% widtha, i nawigację będę miał na całą szerokość, a resztę strony chcę dać nie na całą szerokość, tylko mniejszy width.

 

Tworzę diva z paddingiem, i resztę strony daje w tym divie.

 

Czy jest to dobre rozwiązanie?

Edytowano Styczeń 30, 2013 przez Utilaft (zobacz historię edycji)

[kcp 41]

Ucz się od razu dobrze robić, kiedyś za to podziękujesz ;)Pola w formularzu choćby.Ekhm, w zastosowaniu różnicy nie ma tak czy siak.

 

Różnica akurat jest, <br /> stosowany jest do xHTML, gdzie wszystkie znaczniki (puste też) muszą być zamknięte, gdybyś kodził w HTML5 i dałbyś <br /> zamiast <br> w3c potraktowało by to jako błąd, bo jest to niezgodne ze standardami.

 

 

Chciałem zobaczyć czy w ogóle taki będzie dobry, chciałem się upewnić że jako taki rysopis byłby dobry

 

A mam jeszcze takie pytanie, bo chcę dobrze pisać kod.

 

Jeśli

w body dam 100% widtha, i nawigację będę miał na całą szerokość, a

resztę strony chcę dać nie na całą szerokość, tylko mniejszy width.

 

Tworzę diva z paddingiem, i resztę strony daje w tym divie.

 

Czy jest to dobre rozwiązanie?

 

 

 

Nie lepiej już ten padding dać w body ?

Edytowano Luty 11, 2013 przez kcp (zobacz historię edycji)

[PapaSmerf 497]

Różnica akurat jest, <br /> stosowany jest do xHTML, gdzie wszystkie znaczniki (puste też) muszą być zamknięte, gdybyś kodził w HTML5 i dałbyś <br /> zamiast <br> w3c potraktowało by to jako błąd, bo jest to niezgodne ze standardami.

Dokładnie. Aczkolwiek mała uwaga w kwestii walidatora W3C, to że coś przepuszcza (bądź nie) absolutnie nie znaczy, że jest/nie jest to zgodne ze standardami. On taką sieczkę puści, że głowa mała.

[Gość morel]

Kolorki są fajne .

 

Mogłeś dodać jeszcze jakieś efekty , które przyciągno oko

 

4/5