[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 (IMG:style_emoticons/default/biggrin.gif)

[binprogrammer]

W 5 fajne menu, w szóstce fajny header (IMG:style_emoticons/default/wink.gif) 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

(IMG:style_emoticons/default/biggrin.gif)

mic327 - nie pytaj co chwilę czy poprawiona wersja Nam się podoba, bo ... się nie spodoba (IMG:style_emoticons/default/wink.gif) 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 (IMG:style_emoticons/default/wink.gif)

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.

[lwc]

Tak sobie przejrzałem te Twoje poprzednio wrzucone linki i znalazłem w zasadzie rażące błędy związane z zabezpieczeniem skryptów.

1. SQL Injection

Kod

http://www.phpscript.netau.net/1/index.php?id_str=0&str=1&id=-1%20union%20select%201,user%28%29,3,4,5,6--

2. FPD

Kod

http://www.phpscript.netau.net/1/index.php?id_str[]=a

Pamiętaj o tym, kiedy będzie pod nową grafikę implementował powyższe rzeczy. No i co do grafiki, ja ją odbieram negatywnie, niestety.

Pozdrawiam, lwc.

[lukaskolista]

http://phpscript.netau.net/11.3/ - ten jest juz calkiem fajny

[mic327]

Tak sobie przejrzałem te Twoje poprzednio wrzucone linki i znalazłem w zasadzie rażące błędy związane z zabezpieczeniem skryptów.

1. SQL Injection

Kod

http://www.phpscript.netau.net/1/index.php?id_str=0&str=1&id=-1%20union%20select%201,user%28%29,3,4,5,6--

2. FPD

Kod

http://www.phpscript.netau.net/1/index.php?id_str[]=a

Pamiętaj o tym, kiedy będzie pod nową grafikę implementował powyższe rzeczy. No i co do grafiki, ja ją odbieram negatywnie, niestety.

Pozdrawiam, lwc.

Tamtych skryptów wogóle nie zabezpieczałem.Co do wyglądu mi też sie nie podoba. (IMG:style_emoticons/default/dry.gif) Chciałem wykorzystać wolny czas podczas weekendu to coś takiego zrobiłem.Może niedługo "coś" z tego wyjdzie.

Zmieniłem kolorystykę szablonu, dodałem article, aside i section.Dodatkowo powinien działać również w IE 7+(wg. IE Tab), Operze 12.1+ i Chrome 23+.


http://phpscript.netau.net/12.1/

//Edit 17-12
Odchudziłem lekko kod, skasowałem niepotrzebne identyfikatory, klasę, kontenery, poprawiłem semantykę, dodałem w stopce i kategoriach <nav>, encję w komentarzach i parę innych drobnych rzeczy.
http://phpscript.netau.net/12.2/

Ten post edytował mic327 16.12.2012, 13:21:52

[karakara]

w stopce linki do walidacji ale się nie waliduje html.

to pomaranczowe coś (z napisame Admin 19 Sierpnia 2012 ) pod każdym news wygląda raczej jak by nalezało do tego dolnego newsa niż do górnego.

[mic327]

w stopce linki do walidacji ale się nie waliduje html.

to pomaranczowe coś (z napisame Admin 19 Sierpnia 2012 ) pod każdym news wygląda raczej jak by nalezało do tego dolnego newsa niż do górnego.

Hosting dokleja statystyki na końcu kodu.Wydawało mi się, że jest odpowiedni margines.Zobacze może dam inne obramowanie.

[ranczopod]

Chyba zmiana obramowania będzie dobrym rozwiązaniem w tym przypadku. (IMG:style_emoticons/default/thumbsdownsmileyanim.gif)

[mic327]

Zmieniłem lekko układ strony, przeniosłem boczną kolumnę na lewo. Poprawiłem typografię, zamieniłem wbudowane czcionki na fonty Google. Powiększyłem nagłówek i stopkę. Dodałem wyszukiwarkę w w headerze.

http://www.phpscript.netau.net


Dla porównania poprzednie wersje - wersja 12
http://www.phpscript.netau.net/all

[Pulpetto]

Jakoś tak bardzo razi mnie ta ikonka wyszukiwania - strasznie rzuciło mi się w oczy, że wygląda jak taka skopana (IMG:style_emoticons/default/biggrin.gif)
Spróbuj wyrównać ikony społecznościowe do prawej bo póki co wydają się latać oderwane od całości. No i jeszcze kwestia menu, myślałeś nad troszkę lepszym wyróżnieniem linków w menu na hover? Być może warto spróbować zmieniać tło na ten sam kolor co w tle strony tyle, że bez z jakimś lekkim patternem/ lekko przyciemnione

[mic327]

Zmieniłem układ strony na nieco bardziej monumentalny. (IMG:style_emoticons/default/biggrin.gif) Co myślicie o takich dużych zajawkach? Skupiają wzrok, czy raczej są zbyt duże? Grube menu dopiero zacząłem robić, więc pewnie koncept się jeszcze dużo zmieni.
To dopiero zarys, więc raczej nie ma co oceniać kodu. Względnie reszta powinna działać.


http://www.phpscript.netau.net

[!*!]

Ustal w końcu co chcesz zrobić i zrób to. Nie ma sensu co 5 min pokazywać lekkich poprawek, bo niczego one nie wnoszą. W chwili obecnej jedyne co jest tam miłe dla oka, to zrzut ekranu z ubuntu, reszta leży.

[mic327]

Przemodelowałem układ strony, zmieniłem kolorystykę.Dostosowałem stronę do mniejszych rozdzielczości, docelowo będzie RWD. Jeszcze nie mam pomysłu na logo, ale wkrótce powinno jakieś być. Poprawiłem również semantykę, outline poprawię niebawem. Jak widać nie mam zbyt wysublimowanego (IMG:style_emoticons/default/biggrin.gif) zmysłu estetycznego.

http://www.phpscript.netau.net

[klocu]

To skoro nie ma logo to trzeba było pokazywać kolejną wersję niedokończonego projektu?

Czcionka szeryfowa w menu, gdzie reszta treści jest bezszeryfowa - nie pasuje jedno do drugiego,
Wyszukiwarka wyżej niż menu,
Lupka w oknie wyszukiwarki jakoś dziwnie zeskalowana i wygląda paskudnie,
Okno zaloguj - jakoś tak za duże paddingi pomiędzy polami, przycisk zaloguj ani z lewej ani z prawej ani w środku,
Szablon wpisu - tag i data z fioletowym wyróżnikiem też bardzo tu pasuje, miniaturka zdjęcia zajmuje około połowę szerokości pola przeznaczonego na wpis, podobnie dlaczego pierwsza linia tekstu znajduje się sporo poniżej górnej linii grafiki,
Ikony htnl valid i css valid w stopce za nisko, dlaczego nie kończą się z dolną linią tekstu.

Ogólnie tyłka nie urywa.

[ber32]

Dla mnie niezłe.

Zmieniłbym tylko datę artykułu na jakąś ikonę

[mic327]

Wprowadziłem kilka zmian w projekcie. Dodałem pozycjonowanie w zależności od przypisanej klasy, a nie od ustawionych na sztywno stylów. Uporządkowałem lekko kod, dodałem metadane do zdjęć. Dodałem również podstronę rejestracja.
Dodałem wstępny wygląd rozwiniętego artykułu. Co do ostaniego mam wątpliwości. Czy taki układ jest dla Was czytelny? Momentami mam wrażenie, że jest za dużo światła. Sczerze mówiąc, kiepsko u mnie z UX. Jakieś propozycje?

http://www.phpscript.netau.net

[com]

złe przeskalowanie ikony w szukaj...
pozatym kazda ikona z innej parafii, ja bym sie trzymał jednego wybranego stylu (IMG:style_emoticons/default/wink.gif)
Osobiście ten italic w logo nie przypada mi do gustu, pionowy font wydaje się lepszy (IMG:style_emoticons/default/wink.gif)

Menu nie zaznacza podstrony w której jesteśmy (IMG:style_emoticons/default/wink.gif)

Ten post edytował com 14.04.2013, 02:20:10

[mic327]

Co masz na myśli, że jest źle przeskalowana lupa? Wydawało mi się, że ikony nie wyróżniają się aż tak bardzo, ale zastanowię się nad tym. Logo jest tymczasowe, gotowe zrobię jak będzie ostateczny wygląd strony. (IMG:style_emoticons/default/wink.gif)
Co do menu to wkrótce będzie to o czym piszesz.

[StrefaPi]

lupa w search jest spłaszczona i jakoś nie symetrycznie osadzona:

(IMG:http://img716.imageshack.us/img716/7548/26606916.png)

[mic327]

Nie sprawdzałem dokładnie w innych przeglądarkach. W IE i FF lupa wyświetla w dobrym miejscu, a np. w Operze i Chrome źle i do tego inaczej, chociaż mają te same silniki.
Jako, że poprzedni szablon już mi się znudził, teraz trochę inna wersja. (IMG:style_emoticons/default/aaevil.gif)
http://www.phpscript.netau.net/dark

Wzorowana na pewnej stronie, nie wiem czy nie będzie to kryptoreklama, ale dobra http://graffika.pl/



Ten post edytował mic327 14.04.2013, 15:49:50

[kilab]

Tak tylko w ramach sprostowania, Opera i Chrome korzystają z innych silników. Chyba, że mówisz o Operze Mobile, od bodaj ostatniego wydania korzysta już podobnie jak Chrome z Webkit (IMG:style_emoticons/default/smile.gif)

[mic327]

Mi się wydawało, że jednak na PC również (IMG:style_emoticons/default/wink.gif)
http://blog.end3r.com/239/opera-przechodzi-na-silnik-webkit/

[kilab]

....
The first product will be for Smartphones, which we'll demonstrate at Mobile World Congress in Barcelona at the end of the month. Opera Desktop and other products will transition later.

http://my.opera.com/ODIN/blog/300-million-...-move-to-webkit

News z 12 lutego, a póki co jeszcze nie widziałem informacji na stronie Opery o wprowadzeniu już Webkita do wersji desktopowej (IMG:style_emoticons/default/wink.gif)


Ten post edytował kilab 14.04.2013, 16:25:46

[com]

po pierwsze nawet jakby miały te same silniki to nie jest tak w starszych wersjach( nie zakłada sie ze kazdy nowa ma), choć narazie wgl tak nie ma wiec robisz coś nie tak, pozatym nie wiem jakiego ie i ff użuwasz bo u mnie jest tak samo jak na obrazku kolegi StrefaPi (IMG:style_emoticons/default/wink.gif) a na webkit było chrome i safari do tej pory, bo teraz chrome przechodzi na blink-a (IMG:style_emoticons/default/wink.gif)

Ten post edytował com 14.04.2013, 19:53:14

[StrefaPi]

a blink ma to być fork webkita... ;)

Ten post edytował StrefaPi 14.04.2013, 20:07:16

[mic327]

Wprowadziłem kilka zmian. Dodałem m.in. zaznaczanie aktywnej strony, prostą walidację w javascripcie. Js uczyłem się łącznie tydzień, więc chyba nie warto oceniać kodu.
Wprowadziłem również wstępny system komentarzy. Nie mam zupełnie pomysłu na lewą kolumnę, wiec chyba póki co taka zostanie.

http://www.phpscript.netau.net

Ten post edytował mic327 24.06.2013, 19:08:49

[dżozef]

absolutnie nic mi na tej stronie nie działa, czy to designem chciałeś się pochwalić?

[mic327]

No tak, narazie nie ma tam pehapa (IMG:style_emoticons/default/wink.gif)
Sukces (IMG:style_emoticons/default/biggrin.gif)
Ktoś w końcu nazwał to dizajnem (IMG:style_emoticons/default/biggrin.gif)

[marquuss]

Strona wygląda dobrze (IMG:style_emoticons/default/smile.gif) czekam na jej pełne działanie (IMG:style_emoticons/default/smile.gif)

[heniekpro2]

ja tam ją ocenię jak zacznie działać w 100% (IMG:style_emoticons/default/wink.gif) teraz póki co powiem tyle, że wygląda bardzo dobrze (IMG:style_emoticons/default/wink.gif)