Naar de inhoud

De toekomst van opmaak: CSS3

  • 8 mei 2009 Arno ten Hagen

    CSS3Met CSS (Cascading Style Sheets) maken wij de gestructureerde informatie (HTML) van de pagina op. Hiermee kunnen wij zeggen dat een logo bijvoorbeeld links boven moet staan, met een blauw kleurtje, en wanneer je er overheen gaat dat deze groen moet worden.

    De huidige versie van CSS is 2.1, en er wordt druk gewerkt door het W3C en browser bouwers aan de volgende versie; 3. Deze is nog lang niet af, maar een aantal punten zijn al wel geïmplementeerd door browsers.

    In de nieuwe versie komen een aantal mooie dingen die een hoop werk schelen, en de HTML code nog gestructureerder kan maken, wat weer leidt tot betere zoekmachine optimalisatie, en kortere ontwikkeltijd.

    Multiple backgrounds
    Hiermee kun je op een element meerdere achtergronden zetten, zodat er met minder code meer gedaan kan worden, en er minder aparte afbeeldingen gemaakt hoeven te worden. Dit kan de site sneller maken, want het binnen halen van bestanden kost nou eenmaal tijd (en bandbreedte).

    Animaties en transformaties
    Met de huidige versie van CSS kun je niks aan een element animeren of veranderen, maar met CSS3 wordt het mogelijk om elementen te kunnen draaien, bewegen en van vorm te veranderen. Nu moet hier Javascript of Flash voor worden gebruikt.

    Webfonts
    Vanuit de browser kunnen hiermee niet-standaard lettertypes gebruikt worden op de pagina. Nu zijn hier ook weer technieken voor nodig als Javascript en Flash. Wanneer deze functie erin komt kunnen websites nog grafischer worden en meer hun eigen gezicht krijgen door het gebruik van aparte lettertypes.

    Rounded corners
    Hiermee kan er zonder extra plaatjes mooie ronde hoekjes aan elementen gegeven worden. Nu kost dit vaak veel tijd en moeite door dat die plaatjes allemaal gemaakt moeten worden, en dan in de achtergrond moeten worden gezet.

    Dit is nog maar een kleine greep uit de nog veel extra features die erin komen, maar wel diegene die erg veel tijdswinst opleveren! Helaas ziet het er naar uit dat Internet Explorer deze de komende versies nog niet gaat ondersteunen… Gelukkig zijn browsers als Firefox, Safari en Opera flink in opmars, die hebben al wel een flinke implementatie van deze functies!

    Share
  • 0 Reactie(s)

    Reageer