WebDevelog design

Ismét a véleményetek kérem. Ezúttal a jövőbeli angol blogom designjáról van szó. Pár szóban leírom, mi miért van úgy, ahogy. A kép a kezdőlapot ábrázolja, a cikk megjelenítés, a kommentárok, az oldalak másként lesznek felosztva. Az oldal 1024×768 képpontos felbontásra van optimalizálva. Amikor megnyitod az oldal, akkor a fejléc a menü és a felső zöld doboz látszik egy hasonló felbontású képernyőn. A zöld doboz tartalmazza az utolsó három írást, szigorúan képek nélkül! Ezt követi a három további navigálás szolgáló elem, majd a lábléc. Az oldalt próbáltam nem túlzsúfolni, de eléggé betölteni ahoz, hogy minden fontos helyre elérjen a főoldalra visszatérő látogató.

WebPillangó kritika

Mostanában elég sok bejegyzés született a WebPillangóval foglalkozóan. Ez két dolognak tudható be. Egyrészt nincs időm és energiám új leírást készíteni, másrészt azt a kevés lehetőségem, amit az oldalra fordítok, próbálom az új oldal elkészítésére szánni.

Ennek a bejegyzésnek a célja, hogy megköszönjem a honlapkritika blognak, hogy kritikát írtak a WebPillangóról. Köszönöm!

Elemek újraméretezés az ablakméret változásakor

Biztos vagyok benne, hogy már többetek fejében megfordult a gondolat, hogy bizonyos elemeknek új méretet kellene adni az ablak újraméretezése esetén. Nem nagy szó, CSS. Igen ám, de mi van abban az esetben, hogyha egyes elemek, mint például egy űrlap elemei dinamikusan fix egy százalékban kifejezett értékből kivont képpontokban meghatározott mérték szélességű.

Példa

Az oldal dinamikusan váltja a szélességét az ablakmérettől függően. Ráadásként, az oldal tartalmi része dinamikus szélességű, míg az oldaléc fix értékkel rendelkezik. A tartalmi részben van egy űrlap, ami dinamikusan kell változtassa a méretét a tartalmi rész szélességétől függően.

Összegzés, tervek

xSolutions egyik bejegyzését olvasva érdekesnek talátam az ötletet, hogy én is készítsek egy olyan összegző bejegyzést, ahol szükebb témákba vannak csoportosítva az összetartozó írások. A távoljövőben egy aloldalt is tervezek, ami minden írást tartalmazni fog, afféle “rendezet” oldaltérkép szerepet vállalva.

Felhívás, vendég bejegyzés!

Egy, a tutorialblogon olvasott, bejegyzés felkeltette az érdeklődésem. Éppen ezért a WebPillangó is megpróbálkozik néhány vendég írás befogadásával. Bár akit komolyabban érdekel a téma, az eddig is megtalálhatta az impressszumban, hogy miként tudja bárki bővíteni saját backlink tárát és egyben a WebPillangó tartalmát is, most egy egyszerűbb és szembetűnöbb lehetőséget biztosítok Neked, hogy segíts magadon és segíts a WebPillangón is!

Expression Engine, az alternatív (blog)rendszer!

Mit keres itt? Egy Wordpress blogon az EllisLab Expression Engineről írni? Nos, remélem nem így állsz hozza! Veerle blogját olvasva megláttam az Expression Engine logóját. Gondoltam, ha már hallottam róla, közelebbrol is megnézem. Tudni kell, hogy van fizetős és ingyenes változata is. Az ingyenes változatot csak bizonyos körülmények közt tudod használni viszont, ha jól beválik, lehet megérdemli az árát. A követlező képpen jellemezném a rendszert (csak az ingyenes változatát próbáltam, másról nem tudok véleményt mondani): rugalmas és sajnos komplikált. Remélhetőleg erre nyújt majd megoldást az Expression Engine második generációja, az EE 2.0. Egy kis bemutatóvideó (a jövőben) a komplett és felhasználóbarát web(log)rendszer megismeréséhez: EE 2.0 bemutató.

WebPillangó 2, a Te kezedben van!

Lassan eljött az idő egy nagyobb frissítéshez. A WebPillangóról van szó. Sajnos azt kell tapasztaljam, hogy még mindig nem elég jó az oldal. Ez alatt az értem, hogy a grafikával sem vagyok megelégedve és az oldal funkcionális felépítése is szinte már szörnyű, amikor tudom, hogy jobban is meglehetne oldani. A tartalom is kissé eltért attól, amit nyújtani akart a WebPillangó, ezért tartalom szempontjából is szigorításokat tervezek.

Wordpress menu span hack

A minap felkerült egy írás, ahol dinamikusan lehet gombot készíteni CSS segítségével. DeX hozzászólása kapcsán:

Ha a gombon nyomvatartod az egeret, majd lehúzod róla, és ott engeded el, akkor beragad a lenyomott állás?

arra gondoltam, ha már az active-ot hover-re cserélem, használhatom menünek is az egész CSS kódot, a minimális modosításokkal. A CSSben mindössze annyi a tennivaló, hogy az active modosítókat kicseréljük hoverre. Így a link fölé görgetéskor aktíválodik az új kinézet és nem a link lenyomásakor. Miután készen vagyunk a CSS résszel, nyugodtan használhatjuk weboldalainkban.

Mi van akkor, ha a kódot nem mi írjuk? Én arra az esetre gondoltam, amikor a WordPress által kilistázott oldalakat/kategóriákat formázom menüként. A megoldás egy kis ügyesség, okosság. A probléma orvoslását keresve az alábbi megoldást találtam a legmegfelelőbbnek.

A Web 2.0 designer szemmel (harmadik rész)

A webkettes design elemek leírása elég hosszúra sikerült. Az elöző részekben szó volt a lényeges, nagy elemekeről. A jelen, harmadik és talán befelyező részben az apróságokra próbálom fektetni a hangsúlyt. Mint afféle bevezetés, megragadnám a lehetőséget egy, az elöző leírásokban nem szereplő, nagy elem ecsetelésére. Arról van szó, hogy minden webkettes oldalon megfigyelhetőek az elkülönített részek a tartalmi egységeben is. Reményeim szerint ezt a tulajdonságot tovább boncolva minden említésre érdemes elemet érinteni fogok.
A részek elkülönítése nagyon egyszerű dolog (nak tűnhet): fogok egy oda nem illő háttérszínt, nem találó szövegelemeket és készen is vagyok. Rossz! A lényeg, hogy megtartsuk az oldal áttekinthetőségét, egyszerűségét, vagyis a letisztultságot. Első lépés, hogy különítsük el az állandó navigációs elemeket. Ez álltalában a főmenü. Használjunk a designba találó, de mégis összetéveszthetetlen formákat és színeket, tisztán olvasható betűket az elkészítéshez. Ez azért fontos, hogy tudassuk a böngésző személlyel, hogy: hol van és hová mehet.

RE: Mitől jó egy blog?

A hasonló címmel olvasható egy bejegyzés Harder oldalán, ugyanis ő adta az ötletet! Ebben a témában már több bejegyzés is van az oldalon, de talán még egyik sem szólított Téged a visszajelzésre. Ez a bejegyzés most nem arról szól, mint a Hogyan blogoljunk, vagy a A webdesignerek hét bűne, hogy csak a legtalálóbbakat említsem. A bejegyzés lényege, hogy mond el mit szeretsz Te, vagy mit szeretnél látni egy blogon, vagy éppen a WebPillangón!
Én is írok egy rövid kritérium listát, miszerint szoktam blogot olvasni, vagy mi az, amitől nyomba elmegy a kedvem. Elsősorban a tartalom az, ami megfog. Nem kell feltétlenül egy olyan témája legyen, ami a favoritomba tartozik, de az írási mód az valami egyedi kell legyen.