[www] Moje projekty Opcje

[mic327]

Siema, pierwszy mój projekt

Nie dokończony bo zrobiłem wydaje mi się lepszy design.
http://www.phpscript.netau.net/1


Drugi jest obecnie rozwijany i to właśnie głównie zalezy mi na jego ocenie.Jak widać to są dopiero początki z CSS i PHP.

http://www.phpscript.netau.net/2



Tutaj propozycja nowych funkcjnalności.
http://www.phpscript.netau.net/3

Ten post edytował mic327 22.08.2012, 16:47:34

[!*!]

Brzydkie, ze złym kodowaniem i błędami. Za bardzo nie ma czego oceniać.

Warning: mysql_fetch_assoc(): supplied argument is not a valid MySQL result resource in /home/a7159210/public_html/1/engine.php on line 137

Ale pracuj dalej.

Ten post edytował !*! 22.08.2012, 17:24:18

[mic327]

Lekko zmodyfikowałem wygląd.Jak się wam podoba nowa szata graficzna?

http://www.phpscript.netau.net/4

[dr_NO]

Nie podoba mi się.

1) Niebieski, brązowy i szary, nic nie pasuje do siebie... tutaj polecę Ci: http://www.colourlovers.com/palettes lub http://www.theperfectpalette.com/ - zobacz jak sie dobiera kolory...
2) Tematyka komputerowa a "emulacja" asfaltu i ten znak jakos przeczy temu założeniu.
3) Kod jest tragiczny, ale się w niego nie zagłębiam
4) "cathegory"? Serio?
5) Za mały kontrast tekstu z tłem.
6) input type="submit" w topie - co to jest? dlaczego? W dobie HTML5 i CSS3 da się to wykonać szybciej,prościej, z jedną grafiką, będzie estetyczniejsze i SEMATYCZNE!
7) Szukarka - prak paddingów z lewej i rpawej, ogromny, brzydki przycisk z lupą.

Ogólnie brzydkie, szare i smutne, wygląda jak plucha po zimie.

[mic327]

Zrobiłem trochę bardziej kolorową.

http://www.phpscript.netau.net/5

Ten post edytował mic327 1.09.2012, 18:03:50

[dr_NO]

Wiesz,
tak daleko nie zajedziemy IMHO.
Zobacz jakie teraz krążą trędy w projektowaniu webowym, i co trzeba u Ciebie zmienić. Bardzo się upierasz przy tym jakże widocznym podziale trójkolorowym top/middle/bottom z czego 2 części to szary?

Może jestem już za stary na to przez co ztetryczały, ale to nie jest to.

[Helid]

Przede wszystkim brak odstępów. Razi z daleka.

[mic327]

Zrobiłem lekką przeróbkę poprzedniej wersji.Nie zwracałem szczególnej uwagi na kod więc jest pewnie redeundantny i mało optymalny.

http://www.phpscript.netau.net/6

[mccd]

Comic Sans to chyba nie najlepszy wybór

[binprogrammer]

W 5 fajne menu, w szóstce fajny header Ale jak już to 5 najlepsze

[mic327]

Zrobiłem wstępny zarys bocznych paneli i okruchów.
Co o tym sądzicie?

http://www.phpscript.netau.net/7

[ShadowD]

- Za duże elementy/tekst jak na za małe paddingi - wytykało Ci to już kilka osób i ja będę następną choć nie wiem czy coś to da.
- Breadcrums'y za duże zdecydowanie, one mają być małe i nie rzucające się w oczy a już na pewno nie konkurować z menu, a u Ciebie nawet są bardziej wyraziste.
- Zdecyduj się na kilka kolorów i ich używaj, robisz z tej strony gdzieniegdzie "tęczę", a zaraz za nią szarą rzeczywistość asfaltu - to że w przyrodzie tak to wygląda nie znaczy że Twoja strona powinna z tego czerpać.
- Kod to jakaś masakra, nazwy id => "breadcrumbs_top_div" po co niby ten dopisek "_div"?
- Kategorie, nagłówek za duży tekst, za małe paddingi, a content z kolei za doże paddingo!
- Ten napis to niby logo?
- Piękne i pasujące przyciski "czytaj dalej"
- W stopce czarny tekst na ciemno szarym tle.

Najładniej w tyl lay wygląda footer i to chyba tyle ładnego.

[mic327]

Jak widać to są dopiero początki z CSS i PHP.

Nie zwracałem szczególnej uwagi na kod więc jest pewnie redundantny i mało optymalny.

Nie którzy chyba tutaj dosyć wybiórczo odpowiadają.

Co do paddingów i okruchów zgodzę się ale ja tam nigdzie tęczy nie widzę.Po za pomarańczowym i pozostałościami po poprzedniej wersji tj. content nie ma żadnych jaskrawych kolorów.Logo jest tymczasowe, nie pisałem nigdzie, że jest to wersja finalna.Stopka też będzie do poprawy jak pisałeś.

[sazian]

ja bym zrezygnował z części borderów np. w #content_site_div i we wszystkich boxach po prawo (np. #cathegory_right_div)

do tego zmień te zaokrąglenia np. w cathegory_right_h2 zmień na border-radius: 4px 4px 0 0;

to samo do artykułów
#article_main_div daj border-left-width: 0;
a dla .id_top_p daj border:0; border-radius: 4px 0 0 4px;


drobna rada,
nie używaj id w css chyba że jest to konieczne i masz 100% pewności że nie użyjesz czegoś ponownie np. boxsy po prawo mają nadawane unikalne id a mogłeś je wszystkie załatwić jedną klasą


a bym zapomniał,
oczywiście mówię o szablonie 7

[mic327]

Co powiecie na taki content?

http://www.phpscript.netau.net/8

[memory]

przy 15 będzie git

[!*!]

przy 15 będzie git

mic327 - nie pytaj co chwilę czy poprawiona wersja Nam się podoba, bo ... się nie spodoba przejrzyj katalogi prac innych, zobacz jak to się robi dziś, wprowadź to u siebie i wtedy zaprezentuj, bo teraz zmieniasz tylko kolor i w zasadzie nic poza tym.

[Adi32]

Czemu ten box logowania taki wielki?
Breadcrumb'sy samo w sobie za duże a w połączeniu z tłem i tymi paskami kojarzą mi się z pierwszymi stronami w internecie.

[mic327]

Zrobiłem wstępny "zarys" dwóch szablonów.Nie zwracałem szczególnej uwagi na kod tylko żeby względnie działały póki co w Firefoxie.

#1
http://phpscript.netau.net/11.3/

2#
http://phpscript.netau.net/12/

IMO najbardziej szpeci chyba typografia i kolorystyka.Co o nich sądzicie?

[thek]

Jeśli już korzystasz z html5 to idź dalej i zamiast <div class="article"> daj po prostu <article>, poza tym podziel layout z użyciem <section> na bloki logiczne. Samo <nav> to nie tylko nawigacja główna i można go używać na tronie nie tylko raz czy dwa (tyczy pierwszego). Prawdę wspomnialeś z typografią. Kolorystyka jak dla mnie nieco za bardzo "jaskrawa" momentami lub niezbyt pasująca (jasna niebieska czcionka na przydymionym pomarańczu nie jest przyjemna dla oka).

Na Fx w 2 wersji najeżdża na siebie data i autor w każdej zajawce. W moim odczuciu sam blok logowania powinien być zmniejszony i przesunięty wyżej. Dobrym pomysłem mogłoby być zwinięcie całości w jedną linię i umiejscowienie w pustym miejscu nad ikonami społecznościówek. Plus za sprite'y, ale pół megowe tło w drugiej wersji średnio do mnie trafia

W wersji pierwszej momentami przesadzasz ze światłem. Rozumiem, że tekst powinien oddychać, ale uzyskujesz to poprzez zwiększenie rozmiaru linii tekstu, a nie rozmiaru marginesu wokół elementu.

W drugiej wersji musisz uważać na długość tekstu zajawki i tagów bo przy stałej wysokości elementów może Ci się to sypnąć lub spowodować nierównomierne rozmieszczenie tychże elementów. Wyobraź teraz wiele linków typu "linux" nad obrazkiem, potem dłuższy tekst zajawki i Ci się z elementu to wszystko "wyleje". Uważać na overflow całości.