Én csak úgy oldalvonal mellől webenmászkálóként annyit írnék használhatóság ügyében, hogy pl. a megtekintett hírnél/tesztnél nincs navigáló gomb/link, amivel vissza lehetne ugrani egy szintet avagy egy kattintással kategóriát tudjon választani.

Jó, most még igazából nem is érdekes, mivel alig van fent tartalom - az is ugye tesztelés miatt - de azért gondolom idővel jócskán több lesz az oldalon és - ha értelmesen lesz megoldva - akkor valami szerint kategorizálva is lesz vagy a huszonharmadik oldalon lévő (na mondjuk most még azt sem lehet látni, hogy több hír/teszt esetén hogyan is lehet majd navigálni közöttük) bejegyzéseket 4-5 kattintással lehet majd csak elérni 1 helyett?
Tehát a kényelmes navigációhoz nem árt majd egy kis segítség az olvasónak, hogy egyrészt ne a böngésző/egér ilyen célú "beépített" gombjaira legyen csak ráutalva.

A keresés mező és a hozzá tartozó gomb nagyon széttöri a kinézetet. Sokkal jobban nézne ki, ha nem szöveget írnál a gombra, hanem a szövegmező jobb oldalán lévő kis helyre pozicionálva elhelyeznél benne egy "serpenyőt". Így csúnya se lenne és a célnak is megfelelne.

A hírek, cikkek szövegét nem ártana legalább 4-5 mm-el bentebb kezdeni, mert a mostani egyből a legszélén kezdjük kialakítás is "csapnivaló" kinézetet ad.

Az oldal tetején lévő sáv nem tudom mi célt szolgál, de a 768-as kijelzők miatt azt eltüntetném (így az aktív tartalomhoz nem kell talán scrollozni) és az ott lévő ikonok méretét megtartva lecserélném el a jobb oldali sávban lévőket. A menüsáv is túl magas, értékes helyet vesz el az oldaltól

Remélem építő jellegűnek tekinthetőek az észrevételek

[ Szerkesztve ]

read-only mode on the forum

Igazából, lusta voltam végig olvasni, de Zedz-el ellentétben nem azt javaslom, hogy most azonnal ülj le és kezdj el design tanácsokat olvasgatni a tipográfiáról meg a színek emberekre ható tulajdonságairól. Szerintem teljesen felesleges, mert amint elolvasod el is felejted. Sokkal jobban jársz, ha felkeresel egy manapság trendinek számító oldalakat gyűjtő oldalt. Ha ezeket nézegeted és kicsit a forráskódot is bújod illetve megpróbálod őket megvalósítani elég erősen fog formálódni a szépérzéked. Előbb utóbb igényesebb leszel a munkádra és te is belátod, hogy ezek a mostani design elemek nem épp "szemvonzóak". Én úgy indultam neki ennek a pályának, hogy én egy webdesign akarok tanulni, majd úgy véltem, hogy jobb azt megvalósítani is HTML CSS-el, majd megtetszett a PHP és azt is tanulgatom. Én szakirodalmakat olvastam a színek lélektani hatásáról, és nem mondanám, hogy nagyon sokat ért. Ha valakinek van szépérzéke ami amúgy formálható tulajdonság akkor úgyis kisujjból kicuppantja, hogy egy adott oldalhoz milyen szín dukál, még ha több színt is bepróbál.

Na mindegy ezzel röviden arra akartam rávilágítani, hogy design elméletet tanulni olyan mint elolvasni, hogyan kell biciklizni.

"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán

Többiek már elmondtak mindent, én már csak pár oldalt linkelnék.

CSSMania
CSS Drive
Awwwards
Template Monster
CSS Winner
Abduzeedo - Sites of the Week

...stb. Többiek biztos tudnak még többet/jobbat.
Szerintem nézelődj, aztán ha megtetszik valamelyik, próbáld meg lemásolni. Vagy csak egy pár elemet ami tetszik. Színösszeállításra is figyelj, szövegek elhelyezésére meg úgy általában az összhangra.

Sziasztok.

Szeretném leszögezni, hogy ez még nem a végleges verzió, de azért igyekeztem egy hangyányit javítani a kinézeten.

Egy kérdésem is lenne, ami igazából mindenkihez szól... Ha átmentek pl a hírek, vagy a tesztek menüpontra akkor ott megjelenik egy almenu, ami egy kék színű vonalon "lóg". Ezt nem akarom így hagyni, én is látom hogy sz@rul néz ki, viszont nincs ötletem azzal kapcsolatban hogy hova tegyem.

Valakinek van ötlete ?
Valamennyire javult az összkép szerintetek ?

itt van az oldal

XD alias IKSZDé

Legyen lenyíló.

Hírek
- Új hírek
- Régi hírek
- Akármilyen hírek.

Eccerű és naccerű.
Az oldaladdal kapcsolatban egyébként én már újat nem tudok mondani, a többiek kb minden leírtak amit én is leírtam volna. Zedz-el és Jim-Y-vel tökéletesen egyetértek. Jó ez egy első weboldalnak, lehet toldani foldani, aztán úgyis az a vége, hogy újat írsz. Amíg toldod foldod, addig is tanulsz, máris jobb egy fokkal mint az első megosztáskor.

but without you, my life is incomplete, my days are absolutely gray

Kivetted az átmenetes hátteret, máris kicsit jobb lett az oldal. A menüpontok még mindig furcsák, erre egy komplett megoldást már készítettem neked, ha gondolod használd fel. A content még mindig 3130px hosszú, ötletem sincs miért csinálod ezt.

(#12858) PumpkinSeed: Nem győzöm hangsúlyozni, hogy nem egy egész szakmát kellene megtanulnia, és elborult művésszé válnia, de van pár alap, egyszerű szabály, amit ha betart akkor látványos javulást érne el. De szokás szerint úgy sem érdekli a dolog, így a téma ezen része részemről lezárva.

Azért nem csak annyi változott hogy kivettem az átmenetes hátteret.

A fejléc is át lett alakítva, és még egy pár apróság.
Mondjátok már el nekem hogy hogyan képzelitek el ezt az újraírás dolgot?
A css részét kellene újraírni?
És miért nem elég ha egyszerűen javítgatom a kódot?

Zedz: nem igaz hogy nem érdekel amit mondasz. Igen is érdekel, ha nem így lenne akkor nem módosítgatnám az oldalt.

Minden esetre köszönöm a segítséget, most folytatom az oldalt és délután feltöltöm a frissítést.

[ Szerkesztve ]

XD alias IKSZDé

És neked is köszönöm, a menü is át lesz írva.

XD alias IKSZDé

Egy ideig jó lesz a foltozgatás is. Az itt kapott tanácsokból el lehetsz vele egy darabig, nagyjából látni fogod mire gondoltunk, jobb esetben ráérzel a dologra és látni fogod milyen hibákat követtél el. Aztán úgy leszel vele, hogy "áá inkább újra írom, így tiszta lesz majd az egész".

Értem amit mondasz, de én még reménykedem benne hogy nem lesz rá szükség, mert... Mert csak

Nem igazán értem hogy EZ a lenyíló menu ( a hírekre kattintva, majd pedig a hírek menüpontban újra a hírekre mutatva) van ez a lenyíló menü és valamiért nem oszlopba rendezve jelenik meg, pedig tudtommal úgy kellene neki.

Tudom hogy nagyon alap kérdés de nem jövök rá hogy mi okozhatja. Nektek van ötletetek ?

[ Szerkesztve ]

XD alias IKSZDé

Vidaman kovetem a fejlemenyeket, es nem ertem, miert nem raktal meg fel egy wordpresst erre a celra?

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

Nem tudom...
Valójában fingom sincs a wordpresshez.

XD alias IKSZDé

Ehhez se sokkal tobb, de ott legalabb a kinezettel nem lenne gondod. Kapsz 1000 sablont, egyet kivalasztasz, aztan tolod fel a hireket

Elektromos autó töltő berendezések | Mesterséges növényvilágítás | Mai ajánlatunk: www.gerisoft.hu | www.e-autotoltokabel.hu | www.agrar-vilagitas.hu |

De én nem akarok sablonnal dolgozni.
Sokkal nehezebb így, azt tudom. De én így szeretném megcsinálni.

XD alias IKSZDé

Na köszönöm az egyetértést.
EBBEN a kérdésemben tudnátok segíteni ?

sináltam egy ugyanilyen lenyíló menüt a másik menüpontban is és ott működik. Ez az ami működik

XD alias IKSZDé

Nagyon egyszerű döntés előtt állsz.

Ülj le egy nyugodt sarokba és gondold át hogy a webfejlesztésből, vagy a mobil tesztelésből akarsz egy év mulva elkezdeni pénzt keresni több éven át. Melyiket élveznéd jobban.

Ha a mobil teszt az első helyezett, akkor az idődet pazarlod a weboldalad mókolásával, tegyél fel egy wp-t egy sablonnal, és ne foglalkozz az oldallal többet technikailag, addíg amíg nem lesz stabil olvasótáborod. Cikkezzél, építs kapcsolatokat, kutasd a piacot, etc..

Ha a webfejlesztés jön be jobban akkor ez egy jó kis mini projekt kezdésnek, fogadd meg a tanácsokat, olvasgass webfejlesztős oldalakat, js css, php alapnak jó tanulni. Ezen belül is van sok alterület, szóval ne gondold azt hogy egyedül 0-ról profi oldalakat tudsz majd felhúzogatni, csapatmunkában lehet igazán villantani minen területen.

Ha meg mind a kettővel akarsz egyszerre foglalkozni, akkor nagy valószínűséggel megmarad mindkettő témakör hobbinak és egy petákot nem fogsz látni belőle.

Szóval ez az ami működik?

Jobban lenne, ha egymás mellé tennéd, és akkor nem ugrálna, illetve szerintem ne így határozd meg, hogy hova kerüljenek: left: 364px; top: 38px;

[ Szerkesztve ]

"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán

Most én nem merek beszállni ebbe a vitába.

Vsizont változtattam pár dolgot az oldalon, amit most leírok ide.

Hírek menüpontban eltűnt a kék vonalon lévő almenü, helyette úgy oldottam meg hogy ha rákattintasz a hírekre, akkor azon belül ha újból rámutatsz, megjelenik a lenyíló menü.

A teszteknél és a letöltéseknél szintén így oldottam meg.

Aztán az összes img_containeren belül lévő teszt a lap szélétől 20px-el beljebb került, mert valaki azt írta hogy elég zavaró az hogy "oda tapad" a szöveg a lap széléhez.

illetve azt is mondtátok hogy ne használjak "talpas betűket", így hát ezen is változtattam.

Tudom hogy még sok minden van amit írtatok és még nem csináltam meg, de azokon is dolgozok már.

Az oldalam jelenlegi állapota

[ Szerkesztve ]

XD alias IKSZDé

Ja, és a keresés mező alatt lévő gomb is megváltozott, igaz hogy nem "serpenyő" van a gomb helyén hanem egy OK felirat, de szerintem ez nem akkora probléma.

XD alias IKSZDé

Zedz valamennyire talán sikerült kijavítanom az általad Említett menüproblémát.

A főmenünél viszonylag jól működik, de a jobb oldali almenünél már sajnos kevésbé.

XD alias IKSZDé

Írnátok véleményeket a mostani oldal designről ?

Itt volna az oldalam

XD alias IKSZDé

Mert változott valami?

Nagyjából az UX része már kezdi elérni az éppen ha nagyon muszáj akkor használom kategóriát, viszont a design még mindig nem szép a szemnek. Bár ehhez kell még egy pár év, hogy jó legyen.

"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán

"Nagyjából az UX része már kezdi elérni az éppen ha nagyon muszáj akkor használom kategóriát"
Nem tudom hogy mi az az UX

Próbálkoztam egy egyszerű logo készítésével, amire ha rákattint az ember akkor automatikusan átirányítja a főoldalra.

Nos. ránézésre ez jónak is tűnik, de az a helyzet hogy valami nagyon nem stimmel.
A youtube és a facebook ikon balról átkerült jobb oldalra és a logo pedig bekerült a helyükre.
Viszont a logo alatt van egy láthatatlan link amire ha rákattintok akkor átirányít a facebookra vagy a youtubera.

Olyan mintha csak a face és a youtube logo került volna át a jobb oldalra, de a link ami benne volt az maradt volna a helyén.
Nem tudod hogy ez miért lehet ?

Mielőtt szólnátok hogy gagyi lett a logo, elmondom hogy ez nem a végleges verzió.
Ezt úgy készítettem hogy html-ben írtam a szöveget <h1></h1> között, majd css-ben adtam neki egy backgroundot, ezután pedig az elkészült "képet" kivágtam a Sniping Tools segítségével és elmentettem az images mappába.

[ Szerkesztve ]

XD alias IKSZDé

Közben mintha megoldódott az imént felvázolt probléma. Bár fogalmam sincs hogy mégis mitől, mert semmit nem csináltam.

XD alias IKSZDé

Az UX design az oldal kezelhetőségét jelenti, hogy mennyire könnyű kezelni, vagyis inkább mennyire logikus.

"Olyan mintha csak a face és a youtube logo került volna át a jobb oldalra, de a link ami benne volt az maradt volna a helyén."

Ház ez elég érdekesen van megcsinálva ugyanis a #header és a #header_2 divekben vannak az ikonok, szóval ezt nem így kellene, hanem úgy, hogy van egy <header></header> részed amibe minden benne van és úgy helyezgetni. Ebbe beleértem a menüt is.

"Ezt úgy készítettem hogy html-ben írtam a szöveget <h1></h1> között, majd css-ben adtam neki egy backgroundot, ezután pedig az elkészült "képet" kivágtam a Sniping Tools segítségével és elmentettem az images mappába."

Ha most mindazt leírnám amit gondoltam...

"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán

"Ha most mindazt leírnám amit gondoltam"

Csak nyugodtan. Egyébként mivel nem ismerek egyetlen programot sem amivel meg lehet csinálni egy logot, illetve nem igazán akartam most nekiállni megtanulni egy új program használatát, ezért ezt a módszert találtam a legegyszerűbbnek.

Viszont amit írtál, azt majd szintén megcsinálom. Addig is volna mégegy kérdésem.
Miért lehet az hogy a face és a youtube képre mutatva, csak akkot válik kattinthatóvá az ikon ha a kép felső részére mutatok ?
Tehát az a probléma hogy "el kell találni" azt a pontot ahol pont rá lehet kattintani.

Próbáltam a paddingel szórakozni, de csak szétcsúszot az egész és a helyzet egyáltalán nem javult.
Most veszem észre hogy az ikonok melletti sávban végig van egy láthatatlan link ami a facebokra irányít... Elég fura ez így .

[ Szerkesztve ]

XD alias IKSZDé

Ha megcsinálod azt amit mondtam nem lesz ilyen gond.

"Egyébként mivel nem ismerek egyetlen programot sem amivel meg lehet csinálni egy logot"

Photoshop, Illustrator, Gimp stb. Most csak így fejből párat. De amúgy ha csak annyit csinálsz photoshopban, hogy beírod az oldal nevét és lemented .png-be kapsz egy átlátszó hátterű képet és szebb lesz.

"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán

Nem inkább erre gondolsz ?

<div class="header">

Miden egyéb szir sz@r

</div>
És akkor a wrapperrel mit kellene csinálni? az is mehet a headerbe, vagy azt töröljem is ki ?

XD alias IKSZDé

<header>

Főz levest belőle.

Amúgy úgy kellene, hogy a teljes tartalom benne van a wrapper-be majd azon belül lesz header meg tartalmi rész.

"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán

Hát, erről az oldalról nem sok hasznos infót kaptam.

Az alapján amit írtál, "a teljes tartalom benne van a wrapper-be majd azon belül lesz header meg tartalmi rész."
Próbáltam javítani de szinte biztos hogy elrontottam, vagy rosszul értelmeztem amit írtál mert semmi nem változott azon kívűl hogy van egy felesleges headerem is.

Az oldalam

XD alias IKSZDé

Eleve nem kellett volna header div-et csinálni, mert HTML5 óta már létezik (a fentebb linkelt) <header> elem. Tehát

<header>
logo
</header>

Szerintem eddig Phvhun foglalta össze a legjobban:
"Ha meg mind a kettővel akarsz egyszerre foglalkozni, akkor nagy valószínűséggel megmarad mindkettő témakör hobbinak, és egy petákot nem fogsz látni belőle."

Ezt azért fontos hangsúlyozni, hogy ilyen dizájnnal ne ringasd magad fals álmodozásokba, hogy ezzel majd be fogsz futni. Többiek is elég jól leírták, hogy jelenleg otthoni gyakorolgatások szintjén tart a dolog, ezzel eladni semmit nem lehet, akármilyen egyedi ötlet is lehetne. De igazából az ötlet sem egyedi, amivel semmi baj nincsen, egy mobilos oldal a többi közül - csak tényleg úgy vezetted elő a dolgot, mintha egy nagy durranással akarnál berobbanni, és most aztán lesz nemulass. És tényleg senki nem akarja elvenni a kedvedet (bár írtad is, hogy nem is lehetne), csak szembesít a valósággal, hogy nehogy később érjen pofáraesés, hogy miért nem dől a lóvé és a látogatók száma.
Tervezel amúgy valami kereseti lehetőséget, vagy inkább hobbioldalnak szánod, amit élvezetből csinálsz? Csak mert valami oka biztos volt, hogy titkolni szeretted volna (még én sem jövök rá, mit titkoltál, ahogy martonx sem, de lehet, hogy van még terv, amit nem akarsz elárulni).

Amúgy egyáltalán nem szégyen bevallani, ha az ember nem ért valamihez, én sem értek a dizájnhoz, nem is akarok, ezért rábízom másokra a dolgot. (Bár azért ennél szerencsére több érzékem van hozzá. De idővel sztem ez is formálódik, és jobban ráérzel, hogy mi a ronda.)

[ Szerkesztve ]

Sk8erPeter

Ehhez én is csak annyit tudok hozzátenni, hogy a még el sem indult hardverforgalmazó oldalam múlt hétvégén lett átültetve a 4. dizájnra, pedig már a 2.-ra is azt mondtam, hogy na ez tuti lesz. Még mindig állítom utána a funkciókat, a héten szerintem mehet live-ba. A fő funkciók elérhetők, mint a
- regisztráció,
- login,
- jogosultsági szintek állítása és az alapján tartalom megjelenítése,
- szállítási és számlázási cím módosítása, mentése, akár több is.
- Termékfeltöltés és kategóriába rendezés
- képek feltöltése és thumbnail-izálása
- értékelési és hozzászólási rendszer
- kategória és terménézet, kosár, kiívánságlista, összehasonlítás

De még meg kell csinálnom a hírek és tesztek aloldalt, kategóriáit, pl. kosárbarakásnál szeretném, ha a gomb zöldre váltana és a kosárikon áttűnéssel pipára változna, majd 500ms után vissza.

Ja igen, a design ezúttal vásárolt, nem saját készítmény, az oldal többi része viszont kizárólag Sublime Text segítségével készült. Nem használok framework-öt, cms-t semmit.
PHP főleg procedurálisan van megírva, senki nem tanította ezt nekem, jobban tetszett, mint az OOP és egyelőre mindent meg tudok benne oldani, még ha kevésbé szép is a kód, vagy hosszabb pár bájttal.

Az oldal össze van kapcsolva egy szintén saját készítésű admin felülettel, illetve fejlesztés alatt van párhuzamosan egy webes számlázó is.

Az IT és a WEB oldal késznek mondható, még lesz egy Moddinggal foglalkozó, és egy vízhűtéses oldal is.

Bár kicsit eltértem a tárgytól, de az lenne a lényeg, hogy ha eleget gyakorolsz és folyton kapsz visszajelzést egy maréknyi embertől, akkor semmi sem megoldhatatlan, még ha nem is oktatták.
Mondjuk tanultam web-programozónak de kiküldtek az órákról, mert mindenbe belepofáztam. Ez a szakág nálam egy hobbyból nőtte ki magát idestova 5 év alatt.

pcmodding.hu | PC MODDING | Minden, ami modding, verhetetlen árak.

Ha már ilyen munka közzététel van akkor ha nem gond én is megosztanék egy hobby projektet amit csak gyakorlásként csináltam. Persze a tervezett funkciók fele nincs benne, de az oldal működik. test@test.hu test12345 párossal be is lehet lépni, várom a véleményeket.

"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán

Csak nagyon felületesen a design:
1. Nem responsive. Mér? Elég egyszerű struktúra nem kellene h gondot okozzon.
2. Sokat elveszel a letisztultság érzetből, hogy minden szigorúan le van kerekítve.
3. Belépés után a színek kb elégették a retinámat.

Felületesen a működés:
1. Ha már be vagyok lépve ugyan úgy bejön a login screen, és csak a végén dob át a belső oldalra.
2. Ugyan ez fordítva.
3. Feltöltési hiba után miért a főoldalra kerülök?
4. A visszalépős gombon csak a szöveg (horgony) kattintható.
5. Kijelentkezéskor miért nem a főképernyőre kerülök vissza?
6. Meg tudok nyitni olyan oldalakat amiket nem kellene, pl : reg_log.php.
7. A logo nem kattintható, nem kerülök vissza a főoldalra.

A kotta:
1. Inline styling.
2. Csomó felesleges float.

Így 5 perc alatt ennyi. Persze nem leszólás, csak észrevétel.

but without you, my life is incomplete, my days are absolutely gray

Szinte az összes kérdésre az a válasz, hogy mert hirtelen felindulásból fejeztem be, de majd később ha lesz kedvem akkor folytatom.

1. Ha már be vagyok lépve ugyan úgy bejön a login screen, és csak a végén dob át a belső oldalra.

Elvben vissza kellene dobjon a kezdőoldalra mert ha be vagy lépve akkor refresheli a main-ra.

5. Kijelentkezéskor miért nem a főképernyőre kerülök vissza?

10 másodpercet kell várnod, mert én rendes programozó vagyok és elköszönök az ügyfelektől.

A többire az első a válasz, de majd javítom őket.

"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán

"Elvben vissza kellene dobjon a kezdőoldalra mert ha be vagy lépve akkor refresheli a main-ra."
Vissza is dob. A végén mikor az egész login oldal betöltött. Azzal kezd, hogy megvizsgálod, van e belépett felhasználód, ha nincs, akkor viszlát, ha van, akkor megvizsgálod a kért oldalhoz van a hozzáférése, ha nincs akkor viszlát, ha van, akkor mehet tovább. Magyarul, még mielőtt én bármit látok, már át oda kell irányíts ahol a helyem van.

but without you, my life is incomplete, my days are absolutely gray

Ezt még old meg. DNReNTi kolléga már leírta az első benyomást. Kiemelném a lekerekítéseket, elég gagyin hatnak szerintem. Nem azt mondom, hogy Windows Phone szintű csempék kellenek, de ez már sok szerintem.

Meglesz.

(#12896) Zedz

4k-s monitor?

"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán

Laptop, kizoomolva az oldalról.

Dikk.
Firefox Dev Edition -> Responsive View -> 4K.

but without you, my life is incomplete, my days are absolutely gray

Nem a 4k szimulálás volt a célom, csak random kizoomoltam az oldalból, hogy hogyan viselkedik. Hát úgy ahogy mutattam! Dikk.