Ha valaki webdesign-nal, webprogramozással, vagy site buildinggel foglalkozik, elengedhetetlen, és megkerülhetetlen tényező, hogy a böngészőkompatibilitást figyelembe vegye.
Nekik szeretnénk néhány tippel, és fejlesztési javaslatot adni.
Melyik böngészőkre kell figyelni?
A piackutatások szerint a legelterjedtebb még mindig az Internet Explorer, de ne felejtsük el, hogy ez a böngésző a 6,7,8, és a legújabb 9-es verziókkal is képviselteti magát.
Ha a 6-o, és 7-es verziókra is optimalizálni szeretnénk, az körülbelül a teljes fejlesztés 5-10%-át fogja még pluszban kitenni.
A 8-as verzió Windows Vistán, a 9-es csak Windows 7-en érhető el.
A 9-es verzióban van kompatibilitási nézet, ami tartalmazza a 8-as és a 7-es verziót is, így gombnyomással váltani tudunk köztük.
A második a listán a Mozilla Firefox.
Ezzel a böngészővel viszonylag kevés gondunk lesz, mivel a sok hasznos kiegészítője miatt – kicsit lejjebb részletezzük is – a fejlesztők nagy része ezt a böngészőt használja.
A legfrissebb verziója a 6.
A harmadik helyezett a Chrome, ami a 13-as verziószámnál jár jelenleg.
A piac leggyorsabb, és legletisztultabb résztvevője. Nem lesz vele sok gondunk.
A Safari foglalja el a negyedik helyet.
A program ugyanarra a motorra épül, mint a Chrome. Viszont a karakterek megjelenítésre figyeljünk oda, mert a program vastagabban kezeli le még a fix értékre állított betűket is, kellemetlen meglepetéseket okozva ezzel.
Jelenlegi verzió száma: 5.
Az utolsó említésre érdemes helyre esett vissza az Opera.
Az operánál a stíluslapon beállított padding, és margin értékekre figyeljünk oda, mert a böngésző hajlamos másként értelmezni az adott értéket, mint a többi.
Ezt leszámítva nem lesz vele gondunk. Verziószáma: 11.5.
Ahogy feljebb ígértük következzen néhány hasznos Firefox kiegészítő, ami megkönnyítheti a munkánkat:
Firebug: Telepítése után interaktívan módosíthatjuk az oldalunk html kódját, stíluslapját, valamint megjelenít egy javascript konzolt, ami kijelzi a futtatás közben jelentkező esetleges hibákat. Fontos megjegyezni, hogy a változásainkat elmenteni nem tudjuk, ehhez továbbra is külső szerkesztő programot – például Notepad++ – kell használnunk.
Page Speed: Ez a Firebug egy beépülő modulja, ami az oldalunk sebességét méri le, majd egy 1-től 100-as skálán besorolja azt. Minél jobb eredményt érünk el, annál gyorsabb az oldalunk. A program szolgál fejlesztési javaslatokkal is, hogy min változtassunk a jobb Page Speed érték eléréséhez.
DOM Inspector: Ez a Page Speed kiegészítője, ami leellenőrzi nekünk a stíluslapon használt kiválasztók helyességét, illetve ha valamelyik épp nincs használatban, felhívja rá a figyelmünket.
Measure It: Egy virtuális vonalzót jelenít meg az oldalunk felületén, egy virtuális rétegen. Ennek az eszköznek a segítségével egyszerűen, és gyorsan le tudjuk mérni egy-egy objektum padding, vagy margin értékeit, vagy az objektumok közti távolságokat.
Pixel Perfect: Egy virtuális rétegre be tudjuk tölteni például az oldal látványtervét, aminek segítségével könnyen tudjuk pozícionálni az éles oldalon lévő elemeket, illetve igazítani a stílusukat.
Kellemes szörfözést kívánunk! :-))
Ha kedvet kapott a weblapkészítéshez,
akkor semmiképp se maradjon le novemberi
Webdesigner Mester, Akkreditált Webprogramozó Mester, és Web Artist (Webprogrmaozó és Webdesigner tanfolyam egyben) csoportjainkról!
Jelentkezzen induló weblapkészítő tanfolyamainkra legkésőbb november 15-ig!
Várjuk gyakorlat orientált informatika tanfolyamainkra novemberben is!
Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net