Újratervezés
TL;DR: hosszas háttérmunkák eredményeképpen új motort és dizájnt kapott a blog. Nem érdekes, lapozzál.
Az előző változatot nagyon szerettem, az élesítése után kapott visszajelzések alapján nektek is bejött. Nem véletlen, hogy két hónap híján két évig nem nyúltam hozzá komolyabban. Az akkori eszemmel most sem készíteném máshogy, de azóta elég sokat változott a szemléletmódom, ráadásul a webdizájn területén megjelent egy rakás újdonság, amelyek jó része mára már széles körben alkalmazható, nekem pedig illene ezeket ténylegesen tanulmányozni és a tanultakat a gyakorlatban kamatoztatni.
És mi mást barmoljon szét az ember, ha nem a blogját?
Amik kellettek
A kívánságlistán az elejétől kezdve szerepeltek kihagyhatatlan tételek, aztán ahogy azokat kipipáltam, mindig felmerült valami új, amit érdekesnek vagy hasznosnak találtam. Körülbelül ez volt a kiindulási alap:
- HTML5-re történő áttérés
- Latin2 helyett UTF-8 karakterkódolás
- szélesebb hely a szöveg és a képek számára
- nagyobb és jobban olvasható betűk
- a bejegyzések között léptető linkek áthelyezése az ablak széleiről valami értelmesebb helyre
- a logó és a színvilág megtartása
Amik lettek
Lettek.
Először is kinyírtam a kezdőlapot, az egyből a legutolsó bejegyzésre ugrik. Nem tudtam neki értelmes szerepet kitalálni, a bejegyzések listája meg úgyis ott van az archívumban, nem kell csak azért, hogy legyen. A kereső egyelőre annyira hatékony, hogy vagy többet talál, mint kellene, vagy semmit sem talál, de dolgozom rajta, további értesítésig csak érzéssel használjátok. A desklognak is annyi, de feléled majd, amint visszatérnek és kereshetővé válnak a címkék.
Igazság szerint a dizájn volt az, amivel többet (sokkal többet) kellett foglalkoznom, mint azt előre terveztem, de legalább nem látszik rajta. Amikor elfogyott az ihlet, végignéztem egy rakás olyan oldalt, amiket nálam ezerszer tehetségesebb emberek alkottak. A komplett lenyúlás helyett csak próbálgattam az ottani megoldásokat beilleszteni az én elképzelésembe, de ez nagyon nem működött és egy idő után már a saját ötleteimet is másoknak tulajdonítottam. Ekkor két hétre félretettem az egészet, hogy kitisztuljon az agyam.
Abban voltam csak biztos, hogy egy egyszerű, átlátható layoutot szeretnék, ami akár így, akár úgy, de egyedi is, ráadásul kitaláltam e mellé, hogy akkor szakítsunk a fix szélességgel is és alkalmazkodjon az oldal a mindenkori ablakmérethez. Megismerkedtem hát a CSS3 media query-kkel és a responsive design fogalmával. Jelen pillanatban azt mondhatom, hogy az oldal alapvetően 1024px szélességre lett tervezve, ennél kisebb felbontásoknál pedig úgy rendeződik át, hogy mindig esztétikus és kezelhető marad, a 320px szélességgel bezárólag. (Ha mégsem, jelezd és megoldom.)
Aztán kitaláltam a fejlécbe a két téglalapot és a menüt. Jó, nem a világ legbonyolultabb oldalfejléce, de úgy nézzetek rá, hogy én képszerkesztő programmal is kizárólag geometriai alakzatokat bírok rajzolni. (Mondjuk ezeket pont nem kellett megrajzolni.) A léptető linkek az ablak széléről átkerültek a bejegyzés fejlécébe, ráadásul a sorrendjüket is felcseréltem just for fun, bár a könyvekben is balról jobbra haladunk, a múltból a jövő felé. (Kivéve persze az időutazásról szóló könyveket, mer’ ott kituggya.)
Eltakarítottam a Facebookos gombokat a bejegyzések alól. Azt szeretném, hogy a tartalommal kapcsolatos vélemények elsősorban hozzászólás formájában érkezzenek, mert egy egyszerű lájkkal ellentétben ezzel tudok kezdeni valamit, például válaszolok. Azért gátolni sem akarom a közösségi terjesztést, úgyhogy a kommentűrlap tetején ott a Facebookos megosztás meg a Twitterre küldés linkje, ha valaki erre vágyik.
A dizájn sajátossága még, hogy egyes posztok, ha a téma úgy kívánja, teljesen egyedi megjelenést kaphatnak. Majd meglátjuk, mire lesz ez jó, szerintem izgalmas lehetőség és megígérem, hogy nagyon szép köröket meg sokszögeket fogok berakni illusztrációnak.
Böngésző-mizéria
Az oldal HTML5-re és CSS3-ra épít, ezért főleg a modern böngészőkben (Firefox 3.6+, Chrome stable, Opera 10+, IE9) néz ki úgy, hogy szeretném. Az Internet Explorer korábbi verziói számára készülőben van egy speciális stíluslap, amivel nem lesz ennyire szétcsúszva minden, bár meg kell néznem a statisztikát, hogy érdemes-e egyáltalán foglalkoznom velük.
Fin
Azt hiszem, elmondtam mindent, amit a dizájnváltás kapcsán el lehetett mondani. Remélem tetszik. Jó olvasgatást a továbbiakban, jelezzétek a hibákat, ha vannak (és általában vannak), én meg rájuk repülök, mint M. György a lakossági megtakarításokra.
Enter.
JonC @
wow, nice! mondjuk én már csak maradok a Wordpress-nél, hülye vagyok a programozás minden vállfajához, ráadásul mégcsak bajom se volt az előző dizájnnal, de dicséretes az újba feccölt meló :) az archívumért meg külön piros pont, lehet hogy nekem is össze kéne valami hasonlót hoznom. egész gyorsan el tudtam olvasni a 2. postodat, ami a blogra kikerült (apropó: hol az első?!) ennek a listának köszönhetően.
SztupY @
Vélemények:
1. Csak a főoldalon van háttérszín, a többi oldalon fehér a háttér. Ez by design (amúgy Chrome 11)?
2. Html5 boilerplate egész jó indulásnak. Legújabb változatában már egész jó a clear css, és amióta a chrome frame már települ megy admin jogok nélkül is, az IE8- teljesen felejthetővé vált.
3. Következő esedékes váltásnál majd azért megint javaslom a programozási nyelvek skálájának bővítését, meg néhány egyéb hasonló dolgot :)
Nfol @
@JonC:
Köszi! Legelső poszt azért nincsen, mert sajnos sosem volt igaz, csak kellett valami kontent kezdésnek. Meg így ez az egyetlen blog a világon, ami egyből a második bejegyzéssel kezdődik.
@SztupY:
Igen, ez egy ún. feature poszt, egyedi stíluslappal meg fejlécgrafikával.
A boilerplate-et már nézegetem egy ideje, csak még nem volt merszem élesben alkalmazni.
Edboy @
Androidon nem látom a mobilos layoutot, és ez a sárga szemrontó, de az irány jö.
Nfol @
@Edboy:
A layoutnak utánanézek, ez a sárga meg csak ennél a posztnál lesz.
Zsubi @
A megosztós linkeket nem lehetne megoldani felugró ablakkal, mint a Tecsőn? Nem, mintha fájna, hogy átléptet mondjuk Facebookra, de az internetező ember rém lusta! :) Egyébként nem rossz az egész, de kicsit még szokni kell, kíváncsi leszek, mit mutat majd a 40-es TV-n. :)
Nfol @
@Zsubi:
Momentán ez volt a legegyszerűbb megoldás a lájkoló és megosztó gombok burjánzásának elkerülésére, majd meglátom, mit tehetek. Legfeljebb átírom, hogy új lapon nyíljanak meg, de attól meg mások lesznek rosszul, szóval.