CSS-opas

CSS-TYYLEIHIN LIITTYVÄÄ KOULUTUSTA VUONNA 2008!

Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi heti! IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat

 

CSS-tyylimäärittelyjen käytöstä johtuvia etuja ja haittoja

Laitteistoriippumattomuus

CSS:n vahvuuksiin ja heikkouksiin kuuluu sen laitteistoriippumattomuus. CSS sinällään määrittelee hyvinkin tarkkaan saman dokumentin esittämisen useissa eri esitysmedioissa (PC, PDA, tuloste jne) alustasta (POSIX, Windows jne) riippumatta. Tämä on hyvin ainutlaatuinen ja loistava lupaus.Valitettavasti lupauksen käytäntöönpano kärsii erittäin hitaasta teknisestä toteutuksesta selain- ja laitevalmistajien osalta.

Kenties suurin (tai ainakin yleisimmin puhuttu) ongelma ovat selainkohtaiset bugit. Tällä hetkellä kaikki keskeiset selaimet tukevat CSS 1 määrittelyä lähes 100% tarkkuudella, sen sijaan CSS 2 tuki on hyvin monen päätelaitteen kohdalla lähes 10 vuotta määrittelyjen julkistamisen jälkeen vakavasti kehitystyön alla. Kaikkiaan puhutaan jopa yli tuhannesta erilaisesta bugista / virheestä yleisimpienkin käytössä olevien web-selainten osalta. Tämä omalta osaltaan rajoittaa erittäin merkittävästi CSS:n maksimaalista hyödyntämistä.

Osa selainkohtaisista esityseroista selittyy myös CSS-määrittelyn puutteellisella / tulkinnanvaraisella ilmaisulla. Esim. selainvalmistajien käsitys siitä mikä tulisi laskea osaksi nk. viewport-aluetta on hyvin vaihteleva, johtaen siihen että mm. elementtien positiointi voi joissakin tilanteissa heittää kymmenillä pikseleillä. Tähän asiaan omalta osaltaan korjausta on tuonut CSS 2.1 määrittely.

Oman ongelmansa suunnittelijoille tuottavat tietenkin alustakohtaiset erot. Esim. Mac ja PC-koneissa on käytössä erilainen systeemiväripaletti ja tapa tulkita kirjaisinten koko:

Fonttikoot pc-laitteella
PC (Windows)
fonttikoot mac-laitteella
Mac

Kuva. PC- ja Mac-laitteiden tavassa käsitellä kirjasinmäärittelyjä on silmiinpistävä ero. Mac:in kirjasinkoko on noin 2/3 PC:n vastaavasta.

Laitteistoriippumattomuuden osalta voi yhteenvetona mainita, että enemmistö CSS:n peruskomennoista (CSS 1) on hyödynnettävissä lähes kaikissa tilanteissa ja toimintaympäristöissä. Myös CSS 2:n ominaisuuksia ja piirteitä voi hyödyntää hyvin pitkälti jos ottaa huomioon alustakohtaiset rajoitukset sekä huolehtii monipuolisesta testauksesta ja virhetilanteiden käsittelystä.

Tutustu artikkelin muihin osiin:
»»» CSS »»»CSS:n käytöstä aiheutuvia hyötyjä ja haittoja, osa 1
»»» CSS »»»CSS:n käytöstä aiheutuvia hyötyjä ja haittoja, osa 2

Tallenna tämä sivu kirjanmerkkeihin!

 

2kmediat.com, ©2000-2008 Koulutus- ja konsultointipalvelu KK Mediat.
Tekijänoikeuksia koskeva tiedonanto | Tietosuojalausunto | Sivukartta