Sitebuilder hogyan böngésző függetlenít?

az a rossz hírem, hogy az informatikában egy ilyen könyv már NAGYON idejét múlt!

Még a 2007-esik annak számítanak sok területen, mivel baromi gyorsan fejlődnek a dolgok.

Például javascripthez ott a jQuery lib, ami nagyon sok feladatot levesz az ember válláról, ráadásul kb az összes böngészőben működik.

Olvasd el nyugodtan azt a könyvet, de vedd figyelembe, hogy hatalmas lemaradásban van. (Lehet egy HTML5 könyvet érdemesebb lett volna beszerezni most.)

Általában egy problémára több megoldás is létezik, ezért a legtöbb alkalommal meg lehet oldani simán CSS-el, hogy mindenhol közel azonos módon jelenjen meg (mondjuk IE8-tól felfele). Ha nagyon nem megy akkor vagy conditional css-el:

<!--[if IE]>

<link rel='stylesheet' ref='ie.css' type='text/css' />

<![endif]-->

Vagy javascripttel (és általában mellé jqueryvel) ha máshogy nem megy.

Szerintem felejtsd el a könyvet, rettenetesen elavult, inkább a keresőt használd, ha egy konkrét problémába ütközöl. Persze csak akkor, ha nem akarsz pistike szinten megmaradni, aki megcsinálja a szomszéd falu általános iskolájának a honlapot.

A sitebuildernek a böngészőfüggetlenítés az többnyire a css helyes összeállításában merül ki.

Egy sitebuild elkészítése általában egyoldalas statikus html oldalt jelenti, ezért nem kell nagyon bonyolultan elképzelni a hozzá kapcsolódó css fájlokat. Többnyire egyetlen css fileban megoldható ilyenkor a böngészőfüggetlen kijelzés.

Ráadásul főként mindig a legújabb css technikák azok, amik máshogy működnek egyes böngészőkben, hiszen a böngészők is folyamatosan fejlődnek, és "tanulják" a régebbi formázások értelmezését. Persze egyesek lassabban mint a többiek (ld.: ie). Ilyenek az új css3-as technikák, mint a tranfromations, transitions, border-radius, text-shadow.

Ha például border-radiust szeretnék alkalmazni egy elemen, akkor nem csak a "border-radius: 10px;" formázást adom ki, hanem ezt:

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

Ez a legtöbb böngészőben működni fog, és az egyes böngészők kihagyják azokat a formázásokat, amik nem nekik szólnak, vagy nem tudnak értelmezni.

Sok sikert!