CSS3-hoeken, verlopen, schaduwen en meer ...

css3 eigenschappen

Cascading Style Sheets (CSS) is een ongelooflijke technologie, waarmee u gemakkelijk inhoud van ontwerp kunt scheiden. We werken nog steeds samen met bedrijven die hardgecodeerde sites en interfaces hebben, waardoor ze op ontwikkelaars moeten vertrouwen om wijzigingen door te voeren. Als dat is waar uw bedrijf zich bevindt, moet u tegen uw ontwikkelingsteam schreeuwen (of een nieuw team aanschaffen). De eerste release van CSS was 14 jaar geleden! We zijn nu bezig met onze derde iteratie van CSS3.

CSS3 wordt nu overgenomen en ondersteund in de nieuwste populaire browserversies, en het is tijd om hiervan te profiteren! Voor het geval u zich niet realiseerde wat mogelijk was met CSS3, één extra pixel heeft een mooie Infographic samengesteld over de belangrijkste functies die door CSS3 mogelijk worden gemaakt - inclusief het toepassen van een randradius (afgeronde hoeken), dekking (de mogelijkheid om door een element heen te kijken), randafbeeldingen, meerdere achtergrondafbeeldingen, verlopen, kleurovergangen, elementschaduwen en lettertype schaduwen. Er zijn een aantal ongelooflijke effecten die u kunt ontwikkelen met de combinatie van HTML5 en CSS3.

Waarom is CSS3 belangrijk? Momenteel gebruiken ontwerpers een combinatie van afbeeldingen, HTML en CSS om webpagina's volledig te ontwerpen die esthetisch aantrekkelijk zijn. Zodra alle grafische elementen zijn ondersteund, kan het uiteindelijk mogelijk zijn om Illustrator of Photoshop af te schaffen en de browser afbeeldingen en lagen te laten renderen zoals we zouden willen. Dit is misschien nog een decennium verwijderd - maar hoe dichter we bij elkaar komen, hoe mooier de sites zijn die we kunnen ontwikkelen en hoe gemakkelijker ze zijn om direct te ontwikkelen.

css3 infographic vol

Als u zich zorgen maakt over het adopteren van CSS3 omdat uw gebruikers of bezoekers nog steeds oudere browsers gebruiken, zijn er JavaScript-bibliotheken zoals Mondernizr daar kunt u in uw HTML5- en CSS3-projecten opnemen die oudere browsers helpen de elementen nauwkeurig weer te geven.

Wat denk je?

Deze site gebruikt Akismet om spam te verminderen. Ontdek hoe uw reactiegegevens worden verwerkt.