Webdesign Limburg - Blog Novation

CSS stijlbladen koppelen de vormgeving van webpagina’s los van hun inhoud. Een HTML document bevat structuur, een CSS stylesheet definieert opmaakregels. De meest recente standaard is CSS2 en wordt door alle gangbare browsers ondersteund. CSS3 is echter nog volop in ontwikkeling. Nieuwe features worden met mondjesmate geïntegreerd door browsers als Chrome en Firefox. Novation houdt zichzelf op de hoogte van deze nieuwe ontwikkelingen.

Technische specificaties worden vastgelegd door de ontwikkelaars van browsers afzonderlijk. Zo kan de eigenschap om schaduw te creëren voorafgegaan worden door -webkit. Dit prefix duidt op de experimentele aard van deze nieuwigheid. Browsers gebouwd op de webkit-engine, zoals Chrome en Safari interpreteren en verwerken deze code, andere browsers laten het links liggen.

Inmiddels zijn tal van online generators beschikbaar. Denk bijvoorbeeld aan http://css3generator.com/, waar je box shadowing en transitions in een handomdraai instelt. Transitions worden intern regelmatig gebruikt. Waar men tot voor kort enkele regeltjes code schreef met behulp van jQuery, is het nu mogelijk animatie direct in CSS op te nemen. Browsers die deze code niet lezen vallen terug op de aanwezige CSS2 eigenschappen, oftewel graceful degradation.

Zo kan de kleur van een link geanimeerd worden op volgende manier, van grijs naar wit.

a {
-webkit-transition: color 200ms ease-out;
color: #ccc;
}

a:hover{
color: #fff;
}

Novation kan ook voor u een website ontwikkelen met CSS3, neem hiervoor gerust contact met ons op.