Web 2.0 flyttar in i CSS 3
13 Jan, 2009
När jag ändå har varit inne på ämnet CSS 3 så tänkte jag fortsätta med lite på det spåret. De senaste årens “riktlinjer” för design på nätet har mångt om mycket handlat om Web 2.0 och de karaktäristiska dragen som detta lite tråkigt har fått axla. Vi är alla bekanta med rundade hörn, transparens och skuggor. Metoderna för att framställa detta har varit en kombination av Photoshop och CSS2.
I den senaste versionen av CSS har man anammat mycket av det formspråket. Nättidningen Smashing Magazine listar fem användbara tekniker som man kan räkna med kommer användas flitigt framöver. Mer matnyttigt kan man hitta på siterna CSS3.com och CSS3.info.
CSS3 är fortfarande i utvecklingsstadiet och därför har inte alla webbläsare stöd för alla metoder än, dessutom har olika webbläsare olika sätt att anropa metoderna på. Lite absurt kan det bli när man tikar på t ex border-radius:
.boxRound {
background-color: #F4F4F4;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #CCC;
padding: 10px;
}