Magad uram...

Hirtelen jött az ötlet, hogy dobjuk össze a futoterkep.hu karácsonyi kiadását. Ilyenkor már szakembert elérni nem lehet és nem is ildomos zaklatni. Na meg lássuk be, hogy jövő karácsonyra lenne maximum valami belőle. Így hát botcsinálta grafikusként mi, fejlesztők dobtunk össze valamit.
Szerintem nem is lett rossz :)
Íme az ünnepi főoldal:

Illetve a karácsonyi üdvözlőlap:

Kicsit sárga, kicsit savanyú, de a mienk :)

IE6 és a DIV méretezése

Jelenleg egy olyan projektben dolgozom, ahol az egyetlen és kizárólagos webkliens az Internet Explorer, annak is az öregecske 6-os verziója. Mint tudjuk az IE mindig is arról volt hírhedt, hogy nagyvonalúan kezeli a szabványokat, de különösen hírhedt ez a verzió a DIV elementek érdekes kezeléséről. Nálam ez most éppen azért okozott fejtörést, mert dekorációs célzattal egy 1px-es vonalat kellett elhelyeznem, ami dinamikusan alakulgat. Lényeg az, hogy a leglogikusabb megoldásnak egy 1px magas DIV tűnt. Volna. Ha az IE hajlandó lett volna 10px-nél kisebb elemet megjeleníteni.
Hosszas guglizás után kisült, hogy ez a csacsi IE nem hajlandó az aktuális fontméretnél alacsonyabb lenni, csak, ha ezt külön megmondjuk neki. Hm. Ez vajon kinek a fejéből pattanhatott ki? Vagy csak mellékhatás? Bizonyíték gyanánt nézd meg ezt a kódot IE6 alól:

<div style="background-color: #FF0000; height: 1px"></div>

Ime:

Ha a fentit tudjuk, akkor már könnyen rá lehet jönni, hogy milyen beállításokkal lehet elérni a kíván 1px magasságot.
Logikusnak tűnik a DIV számára az 1px-es fontméret beállítása.

<div style="background-color: #FF0000; height: 1px; font-size: 1px"></div>

Ez a megoldás majdnem jó, de nem teljesen. Így már tudunk egész kicsi magasságot beállítani, de 1px-et mégsem.
Az igazi okosság az overflow tulajdonság beállítása, ami azt jelenti, hogy lekezeljük a kilógó részeket.

<div style="background-color: #FF0000; height: 1px;overflow: hidden"></div>

Így már tökéletes 1px-es csíkunk van. Fentieket teszteléséhez kiválóan lehet alkalmazni az IETester nevű segédprogramot, ami 5.5-től felfelé bármelyik IE verziót tudja nekünk prezentálni.

Honi ráncfelvarrás

Ritkán keveredek rá mostanában a magyar útvonaltervező oldalakra, így csak most vettem észre, hogy jelentős ráncfelvarráson esett át az utvonalterv.hu. Ami azt illeti igencsak ráfért már.
Nem csak kinézetileg, hanem a GUI minden tekintetében átalakultak.
A működés erősen hajaz a Google maps működésére, de ez nem feltétlenül baj, hiszen sokan megszoktuk/ták már. Szerintem vitathatatlanul a legértelmesebb és leghasznosabb dolog az, hogy végre ki-be kapcsolható rétegként kerültek fel a Fővinform adatai.

A palettán találunk még közhasznú(nak szánt) bekapcsolható rétegeket, ezek közül nagyon hiányolom a BKV nyomvonalakat (megboldogult bpterkep.index.hu ....) . Különösen azért, mivel ez a cég szolgáltatja a BKV számára az útvonaltervezést, ami a felületet tekintve sajnos továbbra is kritikán aluli.
Feltételezem, hogy jelentős szerepe volt az átalakításban annak, hogy (ha jól tudom) tulajdonosváltás volt nem olyan rég.

55 ingyenes eszköz webes fejlesztéshez

Egy remek gyűjteményre bukkantam ebben a bejegyzésben ahol a szerző közismert és kevésbé közismert oldalakat tesz közzé, amelyek hasznosak lehetnek webes fejlesztéseinkhez.
Az én kedvencem a wait-animáció bütykölő tool :)

Hogyan látják mások?

Gyakran van, hogy szeretnénk az elkészült weboldalunkat, ha nem is tesztelni, de legalább egy pillantást vetni rá különböző böngészőkön és operációs rendszerek alatt.
Könnyen meg lehet tenni ezt a http://www.browsershots.org címen, ahol minden jelentős (és jelentéktelen) böngésző-oprendszer párosítást megtalálunk. Csak be kell írni a megnézni kívánt oldal címét aztán várni, időnként persze visszanézegetni. A képek egy idő után törlődnek, így egy kis időt rá kell szánni, de esetneként érdemes lehet. Pl. ha épp készülünk kifizetni egy munkát amiről azt mondják, hogy így néz ki linux/konqueror alól is, de aztán meg hátha mégsem ;)