Prefixr

Een goede webdesigner streeft naar een website die in elke browser identiek vertoond wordt. Of toch duidelijk en correct. Men noemt dit cross-browsercompatibiliteit.

Via een CSS-reset en CSS hacks kan je hiervoor zorgen.

Sommige CSS-code worden niet door elke browser(versie) herkend. Via prefixen kan je browser-specifieke code toevoegen zodat elke browser met de code omkan.

Een voorbeeld: opacity wordt niet door elke browser keurig uitgevoerd. Via caniuse.com kunnen we dit checken:

Normaal zouden we deze code invoeren:

  #header 
    { 
opacity: .5;
}

Prefixr zal de nodige code aanmaken waardoor deze wl door elke browser keurig uitgevoerd wordt.

  #header {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

filter: alpha(opacity=50);
opacity: .5; }

Ga naar http://prefixr.com/

Voer je CSS-code in en druk op Prefixize.

Je kan ook de optie Compress aanvinken. Hierdoor zal de code gecomprimeerd worden (alle lege spaties/regels worden verwijderd), waardoor je site sneller inlaadt.

Verwant:

o Cursus HTML en CSS

o CSS hacks

o IE hacks uitvoeren

o Website testen in diverse browsers

Meer van dit lekkers

BEKIJK ALLE TUTORIALS!

Sharing is caring

Iets bijgeleerd? Deel deze tutorial!

U bent niet alleen

deze pagina
totaal

© 2000 - 2016 Zelfstudie.be - Alle rechten voorbehouden

Website laten maken: kerfuffle.be - Website publiceren: zelfhosting.com