Teqtalk: CSS3
Veranderd: 16 mrt 2010
Gepubliceerd: 04 mrt 2010 00:00
Na het artikel over HTML5 in de nieuwsbrief van januari gaat de teQtalk dit keer over de ontwikkeling van de nieuwe CSS standaard: "CSS3". Net als HTML5 wordt ook CSS3 "nog" niet ondersteund door alle “grote” browsers. Verwacht wordt dat in 2012 de CSS3 standaard breed wordt ondersteund. Op dit moment worden de meeste (maar niet alle) CSS3 functionaliteten ondersteund door Firefox, Opera en Safari. Interet Explorer 9 zal het CSS3 gaan ondersteunen bij de lancering. Mobiele telefoons zoals de iPhone, Nexus One en andere 'Smart' phones in combinatie met de Safari browser kunnen nu al veel CSS3 mogelijkheden gebruiken
Wat is CSS eigenlijk?
Cascading Style Sheets (afgekort tot CSS) is een manier om de vormgeving voor een serie webpagina’s eenduidig vast te leggen. De informatie over de vormgeving wordt toegevoegd aan de HTML-code van de webpagina’s.
De belangrijkste reden voor de introductie van CSS is om de vormgeving van webpagina's te standaardiseren en de inhoud van de vormgeving te scheiden. Hierdoor kunnen verschillende webbrowsers een pagina op dezelfde wijze aan de gebruiker tonen. Het World Wide Web Consortium (W3C) heeft daartoe de standaard vastgelegd.
Wat gaat CSS3 ons brengen?
CSS3 brengt ons een aantal nieuwe mogelijkheden:
- Meer ondersteuning voor boxes: ronde hoeken en schaduw.
- Een aantal nieuwe teksteffecten, waaronder een schaduweffect en overflow, de optie om text op meerdere manieren netjes af te kappen in tekstblokken met vaste breedtes. Bijvoorbeeld met ... aan het einde als de paragraaf niet afgemaakt kan worden.
- Attribute selectors: De mogelijkheid voor het selecteren van css elementen op basis van hun attributen: Voordeel is hiervan dat je op meerdere manieren de css kan aanspreken, en de code kan handig en efficienter worden ingedeeld.
- De optie om "media queries" uit te voeren. Met andere woorden dat er gekeken wordt wat voor een scherm de viewer gebruikt en de style/layout zich daaraan aanpast. Dus geen aparte css bestanden meer voor bijvoorbeeld mobiele versies van een website.
- En multiple backgrounds, dan is er de mogelijkheid om bijvoorbeeld meerdere background images in 1 css element te verwerken. Dit geeft de designer meer mogelijkheden wat betreft achtergrond design van de website.
Bovenstaande opsomming is niet volledig. Daarnaast is CSS3 nog steeds in ontwikkeling. Op
www.css3.info/preview/ treft u een handig overzicht aan met de functies van CSS3 per browser.
Hype?
Moeten we nu direct allemaal gebruik gaan maken van CSS3? Het is verstandig om te starten met enkele functies van CSS3. Bijvoorbeeld voor decoratiefuncties. Hierdoor blijft de website toch goed toegankelijk door oudere browsers. CSS3 kan volledig worden ingezet in moderne browsers als Safari, Firefox of Chrome.
Ik wil meer weten...
Vraag informatie aan