Inleiding tot CSS3 - Deel 1: Wat is het?

/2018-12-31 15:04:35/
Ayomide
/Bedrijf/

Dit artikel markeert de eerste van een aantal en biedt een inleiding tot de nieuwe CSS3-standaard die het van CSS2 zal overnemen. We zullen vanaf het allereerste begin beginnen - van het feit dat je nog nooit van CSS3 hebt gehoord, tot het gevoel dat je er klaar voor bent om het uit te voeren, aangezien verschillende functies steeds meer worden geaccepteerd.

Wat is het?

CSS3 biedt een grote verscheidenheid aan nieuwe manieren om impact te maken met uw ontwerpen, met nogal wat belangrijke wijzigingen. Deze eerste zelfstudie geeft u een basisinleiding over de nieuwe mogelijkheden die door de standaard worden gecreëerd.

Modules

De ontwikkeling van CSS3 gaat opgesplitst worden in 'modules'. De oude specificatie was simpelweg te groot en te complex om als één te worden bijgewerkt, dus deze is opgesplitst in kleinere stukjes - en er zijn ook nieuwe toegevoegd. Enkele van deze modules zijn:

Het Box Model
Lijsten Module
Hyperlinkpresentatie
Spraakmodule
Achtergronden en randen
Teksteffecten
Indeling met meerdere kolommen

Bekijk de volledige lijst met modules

Tijdschaal

Verschillende modules zijn inmiddels afgerond, waaronder SVG (Scalable Vector Graphics), Media Queries en Namespaces. Aan de anderen wordt nog gewerkt.

Het is ongelooflijk moeilijk om een geprojecteerde datum te geven wanneer webbrowsers de nieuwe functies van CSS3 zullen gebruiken - sommige nieuwe builds van Safari zijn al begonnen.

Nieuwe functies zullen geleidelijk in verschillende browsers worden geïmplementeerd en het kan nog een jaar of twee duren voordat elke module algemeen wordt toegepast.

Welke invloed heeft CSS3 op mij?

Hopelijk op een overwegend positieve manier. CSS3 is uiteraard volledig achterwaarts compatibel, dus het is niet nodig om bestaande ontwerpen te wijzigen om ervoor te zorgen dat ze werken - webbrowsers zullen CSS2 altijd blijven ondersteunen.

De belangrijkste impact is de mogelijkheid om nieuwe beschikbare selectors en eigenschappen te gebruiken. Hiermee kunt u zowel nieuwe ontwerpkenmerken (bijvoorbeeld animatie of verlopen) bereiken, als huidige ontwerpkenmerken op een veel eenvoudigere manier bereiken (bijvoorbeeld met behulp van kolommen).

Toekomstige artikelen in deze serie zullen elk focussen op een andere module van de CSS3-specificatie, en de nieuwe functies die ze zullen brengen. De volgende heeft betrekking op CSS3-randen.