- Bättre stöd för typsnitt gör det enklare att få snygg typografi.
- Funktioner för att skapa grafik dynamiskt ger kortare laddningstider och enklare utveckling.
- Möjligheten att anpassa utseendet på en webbplats efter webbläsarfönstrets storlek gör bland annat att det går att visa olika versioner för besökare som använder en telefon eller en dator.
Tre frågor och svar om css
Vad är css?
Cascading style sheets, css, är ett språk som används för att tala om för en webbläsare hur den ska visa innehållet på en webbsida. Med css styr utvecklaren mycket av det som har med utseendet att göra, som färg, typsnitt, kolumner och så vidare.
Vilka webbläsare klarar css 3?
Alla de stora webbläsarna som Firefox, Chrome, Safari, Internet Explorer och Opera, klarar i senare versioner css 3 i någon utsträckning. Eftersom standarden fortfarande är ung har alla inte kommit lika långt.
Bör man vänta med att använda css 3 tills webbläsarna kommer i kapp?
Inte nödvändigtvis. Det finns flera olika sätt att bygga en webbplats som drar nytta av css 3 för de besökare som har en modern webbläsare, samtidigt som sajten ser bra ut för dem som har en äldre variant.
När det är dags att bygga en ny webbplats, fråga efter webbyråns kunskaper i css 3. Med den senaste versionen av cascading style sheets, stilmallar, går det att få en webbplats som tar kortare tid att utveckla, är enklare att underhålla i framtiden, laddar snabbare för besökarna och automatiskt anpassar sig efter storleken på webbläsarfönstret.
Den grundläggande tanken med css är att skilja innehållet på en webbplats från presentationen. Html ger en webbsida innehåll och struktur, medan css ger den ett grafiskt utseende. Sedan många år används css för att välja vilka typsnitt och färger som ska användas, för att dela upp en webbplats i kolumner och till mycket annat som har med presentationen att göra.
I det senaste utförandet, css 3, tillkommer en hel del nya funktioner. En central del är möjligheten att skapa grafik dynamiskt i besökarens webbläsare. I dag är väldigt mycket av grafiken som används för att ge en webbplats dess utseende färdiga bilder som skickas från webbservern till besökarens dator. Det gäller till exempel lådor med skuggor och rundade hörn och ibland även rubriker och annan text som är satt i ett särskilt typsnitt.
Det är en lösning som fungerar, men har nackdelar. I utvecklingsfasen måste designern skapa all grafik som behövs. Det är tidskrävande, inte bara för att den kan bestå av många objekt utan också för att det kan krävas många upprepningar (iterationer) innan allt ser ut som det ska.
Dessutom innebär bilderna att framtida förändringar måste göras i ett grafikprogram. Om en meny är uppbyggd av bilder måste man skapa en ny bild om man exempelvis vill lägga till en ny avdelning. För webbplatsens besökare påverkar all grafik laddningstiden negativt. Det krävs fler anrop till webbservern, vilket är tidskrävande, och det är mera data som ska laddas ner.
Med css 3 får webbutvecklare en hel rad nya verktyg för att skapa grafiskt innehåll direkt i besökarnas webbläsare. Med några rader text gör css 3 det möjligt att beskriva hur hörnen på en ruta ska se ut, berätta vilka typsnitt som ska användas eller ge ett objekt en skugga. Utvecklarna får dessutom bättre kontroll över hur bakgrundsbilder ska placeras. De kan vrida och vända på ett objekt för att exempelvis skapa 3d-effekter, styra vilka färger som ska användas och beskriva hur bakgrunden i en ruta ska tonas från mörkt till ljust rött.
Resultatet blir färre anrop till webbservern och mindre mängd överförda data, och därmed en webbplats som laddar snabbare.
Den grundläggande tanken med css är att skilja innehållet på en webbplats från presentationen. Html ger en webbsida innehåll och struktur, medan css ger den ett grafiskt utseende. Sedan många år används css för att välja vilka typsnitt och färger som ska användas, för att dela upp en webbplats i kolumner och till mycket annat som har med presentationen att göra.
I det senaste utförandet, css 3, tillkommer en hel del nya funktioner. En central del är möjligheten att skapa grafik dynamiskt i besökarens webbläsare. I dag är väldigt mycket av grafiken som används för att ge en webbplats dess utseende färdiga bilder som skickas från webbservern till besökarens dator. Det gäller till exempel lådor med skuggor och rundade hörn och ibland även rubriker och annan text som är satt i ett särskilt typsnitt.
Det är en lösning som fungerar, men har nackdelar. I utvecklingsfasen måste designern skapa all grafik som behövs. Det är tidskrävande, inte bara för att den kan bestå av många objekt utan också för att det kan krävas många upprepningar (iterationer) innan allt ser ut som det ska.
Dessutom innebär bilderna att framtida förändringar måste göras i ett grafikprogram. Om en meny är uppbyggd av bilder måste man skapa en ny bild om man exempelvis vill lägga till en ny avdelning. För webbplatsens besökare påverkar all grafik laddningstiden negativt. Det krävs fler anrop till webbservern, vilket är tidskrävande, och det är mera data som ska laddas ner.
Med css 3 får webbutvecklare en hel rad nya verktyg för att skapa grafiskt innehåll direkt i besökarnas webbläsare. Med några rader text gör css 3 det möjligt att beskriva hur hörnen på en ruta ska se ut, berätta vilka typsnitt som ska användas eller ge ett objekt en skugga. Utvecklarna får dessutom bättre kontroll över hur bakgrundsbilder ska placeras. De kan vrida och vända på ett objekt för att exempelvis skapa 3d-effekter, styra vilka färger som ska användas och beskriva hur bakgrunden i en ruta ska tonas från mörkt till ljust rött.
Resultatet blir färre anrop till webbservern och mindre mängd överförda data, och därmed en webbplats som laddar snabbare.
Sida 1 / 3
Speedflirt - (Chris P) 2011-05-06 22:07