CSS3: Introductie

De laatste tijd wordt er steeds meer gepraat over CSS3. CSS, ofwel cascading style sheets, zorgen er voor dat webpagina’s visueel weergegeven kunnen worden. CSS3 is de nieuwste aanwinst in de stylesheet familie. Deze nieuwkomer zou interessante mogelijkheden bieden om een design nog sneller en efficienter te vertalen naar een werkende website.

De paradepaardjes van CSS3 zijn vooral layouttechnische zaken, zoals afgeronde hoekjes, gradients, het embedden van exotische lettertypes en zelfs animatie! Dankzij het laatste is het zelfs een mogelijkheid om minder gebruik te maken van Javascript. Kortom, CSS3 zorgt er voor om veel sneller en simpeler die rijke online beleving, die wij allemaal willen, te creëren.

CSS3, wanneer dan?

Helemaal geweldig toch? Dat zou je denken: helaas is CSS3 nog niet klaar. Alles wijst er vooralsnog op dat het nog zeker 3 jaar duurt voordat alle grote browsers, met name Internet Explorer, deze nieuwe mogelijkheden volledig ondersteunen.
Toch wordt er al eens een CSS3 kunstgreep gebruikt omdat het tijdbesparend zou zijn. Maar, is dit op dit moment wel zo? Het overgrote deel van de gebruikers verdraagt nog steeds een verouderde browser, dus er zal dubbel werk verricht moeten worden om deze groep ook tevreden te houden. Zelfs de modernste browsers zoals Firefox, Safari en Chrome struikelen nog wel eens over een CSS3 foefje.

Bekijk deze prachtige CSS3 polaroid gallery in Chrome of Safari (klik op de foto)

Onze mobiele pagina’s maken ook gebruik van CSS3, wanneer je een iPhone en dus Safari gebruikt zie je mooi afgeronde hoekjes. Mocht je een andere mobiele browser gebruiken die geen CSS3 ondersteunt dan zie je enkel de ronde hoekjes niet, maar de pagina blijft gewoon toegankelijk.

Links zie je onze mobiele website in een CSS3 ondersteundende browser, rechts is dit niet het geval

CSS, hype of echt handig?

Achter de hype aanrennen of met beide benen op de grond blijven staan, is nu de vraag. Gelukkig kunnen we nu al deels genieten van CSS3, mits er vantevoren goed over nagedacht wordt. Het is bijvoorbeeld heel goed mogelijk CSS3 enkel ter decoratie te gebruiken, de website is in dit geval nog goed toegankelijk zijn als er een achterhaalde browser gebruikt wordt. Wil je wel alvast optimaal genieten van CSS3, geef jezelf een moderne browser zoals Firefox, Safari of Chrome cadeau!

trackback url van deze post

Browsers, css3, frontend, usability

1 reactie