Magyar Opera

Új blogdizájn - ötletbörze

Egy ideje foglalkoztat a dolog, hogy hozzá kéne nyúlni a dizájnhoz. Bár a mostani nekem nagyon tetszik, de van vele egy komoly probléma. A menü manuálisan van összeállítva a forráskódban, aminek két következménye van. Az egyik, hogy túl merev, macerás átalakítani, új kategóriákat bevezetni. A másik, hogy a mobil nézetben emiatt egyáltalán nem jelenik meg, a default mobilos menü meg üres.

Szeretnék komolyabban belenyúlni a menübe, hogy könnyen elérhetőek legyenek a rovatok, vagy éppen a különböző címkékhez tartozó írások. És jó lenne felvenni olyon külső linkeket is, amik hasznosak lehetnek az olvasóknak. Mindezt jól strukturálva.

Ezzel kapcsolatban szeretném a véleményeteket kérni. Leírom, hogy én mire gondoltam, és örülnék, ha kapnék építő jellegű ötleteket.

  • Minimál dizájn
    • Max egy grafikus fejléc (Nagyjából, mint most)
    • Semmi izgő-mozgó animációs csoda
    • Én a piros-ezüst színvilágot preferálnám, de akár ez a kék is maradhat
  • Két oldalsáv, emiatt szélesebb oldal (900-ról ~1200 pixelre növelve)
    • Az egyikben lenne a menü, valami fastrutúrában + keresés (A fejlécből teljesen kikerülne a menü)
    • A másikban legfrissebb kommentek, kiemelt hírek meg 1-2 egyéb doboz
    • Mit szólnátok egy Twitter dobozhoz?
  • Minél kevesebb egyéni hack, hogy a mobilos nézet is jól működjön

A bejegyzés trackback címe:

http://magyaropera.blog.hu/api/trackback/id/tr8612124775

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben.

penge™ · http://www.thevenusproject.com/ 2017.01.14. 12:56:53

Adminfelületen Classic, Simplicity vagy esetleg még a Korall? Utána már csak logó, fejléc meg egy kis CSS módosítás és legalább leköveti a blog.hu változásait is.

Zaphod · http://zzzzuuuppp.freeblog.hu/ 2017.01.14. 14:00:22

Nekem tök mindegy zöld, vagy kék a felület, de ha nem lesz alatta egy normális keresőmotor - nem, nem az a google sz@r - akkor biztos elsikítom magam leközelebb... ;)

ZeGa 2017.01.14. 18:42:09

Ilyesmi?

https://1drv.ms/i/s!AiAEdIti0CNGkegPyBkcrM26be7WUg

Nekomajin · http://nekomajin.wordpress.com 2017.01.14. 19:16:18

@ZeGa:
Hasonló lesz, csak kevésbé színes. Amint lesz valami értékelhető, mutatok majd screenshotot, és lehet véleményezni.

Nekomajin · http://nekomajin.wordpress.com 2017.01.15. 16:31:19

Jöhetnek a vélemények.

Biztos, hogy van, amit kifelejtettem. Illetve az oldalsávokba tervezek még 1-2 dolgot, de erre a hétre ennyi.

semmiii99 2017.01.15. 17:55:22

@Nekomajin: Nekem tetszik az új felület, szerintem nagyon jó lett. Annyi észrevételem lenne, hogy a hozzászólások átláthatatlanok lettek a kis térköz miatt.

expa 2017.01.16. 11:08:15

Ha már új készült akkor nem kellett volna, hogy reszponzív legyen?
Akkor nem lenne gond a mobil nézettel...

ZeGa 2017.01.16. 11:38:00

Igazából nincs nagy bajom ezzel, bár az előző jobban tetszett... A kommenteknél valóban kell a térköz, mert így nagyon nem átlátható, meg lehet, hogy az oldaldobozokról levenném a keretet.

Amúgy meg unalmamban csináltam még egy koncepciót...
https://1drv.ms/f/s!AiAEdIti0CNGkesPmJsNDLv6K10SvA

Nekomajin · http://nekomajin.wordpress.com 2017.01.16. 15:09:22

@ZeGa:
Ez jobban tetszik, mint az előző. Lehet, hogy felhasználom majd.

@expa:
v2.0, egyelőre ez legyen rendben. Nagyon macerás a blog.hu API-jával dolgozni.

Egyelőre a default mobilos nézetben beraktam két linket a menübe. Az egyik az új kommenteket mutatja, a másik a desktop blogra visz. Ha van ötlet, hogy mit rakjak még oda, akkor írjátok! Van még hat üres hely.

---

A kommentekkel kezdek majd valamit. Igyekszek minél hamarabb javítani.

ZeGa 2017.01.16. 16:18:58

@Nekomajin: Ha tetszik nyugodtan használd.

djuice 2017.01.21. 16:41:28

Vmi miatt nekem most a jófogás oldala jelenik meg mobilnézetben az Operában (
Verzió: 42.0.2393.137). Ez ellen mit lehetne tenni ha kérdezhetem?

Nekomajin · http://nekomajin.wordpress.com 2017.01.21. 19:10:00

@djuice:
Nem egészen értem a problémát. Minek kéne megjelenni? Vagy mi helyett?

csakugycsakugy 2017.01.21. 22:58:01

@ZeGa: Nagyon jó lett! Nekem tetszik! :) Szerintem, ez egy jó irány lenne! (Ez: magyaropera_blog_design.jpg) :D

Nekomajin · http://nekomajin.wordpress.com 2017.01.22. 13:06:09

Bedobozoltam a kommenteket. Szerintem így már átlátható.

expa 2017.01.22. 13:33:04

@Nekomajin: Nem rossz csak a "Válasz erre" szöveg kilóg a dobozból.

Nekomajin · http://nekomajin.wordpress.com 2017.01.22. 13:49:32

@expa:
Javítva, köszi. Admin módban nem lógott ki egy másik elem miatt.

ZeGa 2017.01.22. 18:58:41

Ha valakit érdekelne itt egy saját user css.
https://1drv.ms/u/s!AiAEdIti0CNGkfMkKWc-zgfcfofvvQ

djuice 2017.01.24. 14:19:48

@Nekomajin: Bocsánat, azt akartam kérdezni, hogy a Jófogás oldala eddig rendes desktop felülettel jelent meg az Operámban, most meg valamiért mobil nézetben látható csak, óriási betűkkel és gombokkal, miközben a nagyítás 100% az oldalon és nem értem mi változhatott meg vagy hol lehetne átállítani?

Köszi a comment boxingot! Így sokkal átláthatóbb! Esetleg a fehér vakító háttér helyett lehetne valami pasztelesebb, krémszín vagy éjjeli üzemmód. Este kivilágítja az agyunkat a fehér háttér. (Csak egy javaslat volt!)

Nekomajin · http://nekomajin.wordpress.com 2017.01.24. 19:14:53

@djuice:

Nem lehet, hogy korábban egy mobil nézetes linket nyitottál meg, és úgy maradt? A devtoolsban az applications fülön meg tudod nézni egyesével a sütiket, és törölni is tudod őket.

A háttérrel mókolok valamit a hétvégén.

Hentes pékné módra 2017.01.28. 12:54:33

// szemelyes velemeny...

En tennek bele egykis eletet, igy teljesen doglott...

Elsosorban valami szinte lathatatlan texturat a hatternek ami kicsit oldja ezt az egyisiku szurkeseget.

Masreszt a menu dobozban illetve a kommenteknel a piros betutipust hasznald, az egyes menu dobozok cime lehet piros illetve hozzaszolasoknal sem artana ha a linkek es a @ felhasznalonevek szinesek lennenek, mert nem lehet meglatni a szovegben. (Jobb oldalt az uj hozzaszolasoknal milyen jol mukodik...)

Felul a Magyar Opera felirattal is lehetne valami kezdeni CSS-el megrajzolva, mert igy nem minimalista hanem siman szegenyes.

A betutipus sem illik a letisztult dizajnhoz, ide egy Sans Serif betutipus kell, ez a Georgia / Times New Roman vonal teljesen nyomtatott papiros es tul klasszikus.

Ezt leszamitva udvozlom a dontest, hogy nekikezdtetek. :)

Nekomajin · http://nekomajin.wordpress.com 2017.01.30. 17:23:53

@mtibee:
Feltehetően akkor, amikor a Chrome-ban is. Ez a közös motor előnye.

angyalpeter · www.angyalpeter.hu 2017.02.05. 14:48:44

John Stephenson von Tetzchner-nek tetszet hogy felkerült a Vivaldi letöltése ide.

awking 2017.02.05. 18:11:38

Akár a hivatalos oldalak dobozba is mehetne a Vivaldi fejlesztői blog