Nem tagadom, szeretek sitebuildelni. Viszonylag sok időt el lehet vele babrálni; de szórakoztatónak tartom, hogy minden pixelt a helyére pakoljak. Inkább legyen hobbim ez, mint mondjuk hogy wowoznék; egyébként sem látok eltérést az élvezeti értékében. A buildelés is tud addikt lenni.

Arról most nem írok, hogy különböző böngészők mennyi algopirinmennyiséget emésztenek fel, ez külön posztot érdemel, legyen szó inkább az eszközkészletről, amelyeket segítségül hívok a munka során.

Firefox kiegészítők.

Rettentő hasznos a ColorZilla. Fő funkciója a szín”lopás”, azaz a böngészőben megjelenő tartalmak RGBben és hexadecimiálisban kifejezett színkódját lehet lelesni, pixelről-pixelre. A pipettát a megfelelő részek fölé tolva, a statusbarban láthatjuk ezeket az értékeket. Annyira gyors és kézreálló, hogy én bizony a lokális képfájlokat is inkább Firefoxban nyitom meg, ha szükségem van róla egy színkódra.
Kapunk mellé jól használható palettákat (websafe color, stb.), és elmenthetjük azokat a színeket amelyekre később szükségünk lehet.
Funkciója még a nagyítás. Azaz, a remegőkezűeknek sem kell két kézzel fogni az egeret, ha egy kétpixeles vonal színére kíváncsiak, simán zoomolhatnak akár ezerszeres értékre is.

Nem lenne teljes értékű az életem a MeasureIt kiegészítő nélkül sem, amely nemes egyszerűséggel egy kétdimenziós vonalzó. Bármilyen téglalapot lemérhetünk vele, és természetesen pixelben kapjuk vissza a méretet. Használata több mint egyszerű és a lehető leginkább ajánlott.

Apróság, de jól jön ha a Firefox forrásnézet nem új ablakban, hanem új tabon történik. Zerking kérése meghallgatá és megteremté a Source Viewer Tab.

Ha már van tabos forrásnézet mint a Chromeban, akkor már csak egy funkció hiányzik a Firefoxból, amely a Google termékben megkönnyíti a sitebuilderek hétköznapjait.
Méghozzá az, hogy ha az oldalunk forrását böngészgetjük, legyen már minden ott megjelenő url kattintható. Ebben siet segítségünkre a nem túl ismert, de cserébe beszédes nevű Viewsource Browsing.

Ilyenek, hogy Firebug, Stylish és egyéb populáris kiegészítők most kimaradnak. Ők úgy is ott figyelnek remélhetőleg minden olvasó Addonsai között.

Weboldalak

A Typetester.org abban lesz segítségünkre, hogy megtaláljuk a készülő weboldalunkhoz a megfelelő betűtípust. Webre építgeti tipográfiai rémálom, a használható fontok kimerülnek kilenc darabban. Viszont ezeket finomítgatva (méret, betűköz stb) nagyszámú olvasható variációra akadhatunk.
A Typesetteren élesben, gyorsan tesztelhetjük ezeket; gyakorlatilag az összes tulajdonságot beállíthatjuk a szövegre, amelyet stíluslapból egyébként is meg lehet adni.
Arra még mindenképpen figyelni kell, hogy operációs rendszer függő, hogy az adott font hogyan néz ki. XP alatt borzasztóan tud kinézni egy sima Arial is.

A színharmónia megteremtése igazság szerint a grafikusok dolga lenne, de tegye fel a kezét az a sitebuilder, aki nem babrált még soha a megfelelő árnyalatok megtalálásával.
Ilyen gondokkal a COLOURlovers.com-hoz lehet fordulni, több mint 700.000 palettából válogathatunk, érdemes megnézni a legjobbak listáját.

Nem weboldal, csak ez mezei letölthető pdf (esetleg opcionálisan png) a Css Cheat Sheet, amely gyakorlatilag egy nagyon gyorsan átlátható puska, amely jól jön a stíluslapok hegesztgetésekor.

Bár a poszt elején azt ígértem, hogy nem lesz szó a böngészők különbségeiről, mindenképpen itt a helye a Browsershot.org-nak. A segítségével képernyőképeket kapunk a weboldalunkról a legkülönfélébb böngészőkön át nézve.

Remélhetőleg mindenki ismeri, nekem nagyon sokszor nyújt segítséget a w3schools.com, annak is leginkább a CSS szekciója.

Programok

ĂŤzlés kérdése, hogy ki milyen text editort használ. Az maces szerkesztőket már egyszer megnéztük, az akkori cikkünket azzal egészíteném ki, hogy azóta már teljes mértékben hanyagoljuk a latin2 kódolást, úgyhogy a fizetős Textmatenél kötöttünk ki végül.
Windows alól nálunk a Notepad++ és az Intype jöhet szóba, ezek közül is leginkább az utóbbit használjuk, mert még nem találtunk nála gyorsabbat. Mind a kettő említett program ingyenes.

Mániánk, hogy nem tárolunk lokálisan semmit, csak backup céljából, minden fájllal szerverről dolgozunk. Ez sitebuildelésnél nagy kényelmet, akkor mikor egy íróasztalnál több gépen dolgozunk, például ha több különböző operációs rendszeren szeretnénk gyorsan vizsgálódni.
Ahhoz, hogy ez minél zökkenőmentesebben menjen, egy normális sebességű internet és egy gyors szerver mellett szükség van még egy jó ftp/sftp kliensre is.
Nálunk csak az sftp jöhet szóba. Windows alól egyértelmű választás a WinSCP, akkor is ha ftpvel van dolgunk, Total Commander helyett is jó választás. Támogatja a távoli szerkesztés saját (pl. Intype) editorral, és gyors.
Nála már csak a maces Forklift a jobb, tud mindent amit a WinSCP és mellette olyanokkal van ellátva, mint a szerverről történő kép előnézet és a többi hihetetlenül jó kényelmi funkció. Nem tudunk a Forkliftnél jobbat.

Az XnView állandó szereplő a Windows tálcáján, amikor sitebuildelünk. Ha néhány pixelt kell levágni a képről, vagy csak átméreteznénk, teljesen felesleges Photoshopot nyitni. A nagyon gyors és ehhez képest meglepően funkció gazdag XnView tökéletesen ellátja ezeket a feladatokat, szeretjük.
Szégyen, de még nem találtunk maces alternatívát ezekre a feladatokra. Egy kávéra a vendégünk, aki mutat kommentben egy olyan ingyenes almás programot, amelyben egyszerre található meg az átméretezés és egérrel kivágás mint funkció; szempont még hogy gyors legyen.