Min läslista

Din läslista är tom.

Sök på capdesign.se

Notis
4369

Komplett css med nivå tre – men inte förrän 2011

TEXT Lamin Kivelä

Cascading stylesheets, CSS används idag för att styra hur omkring 65 procent av alla webbsidor presenteras i en webbläsare. Vi har pratat med Bert Bos, en av de två upphovsmännen till CSS och ansvarig för utvecklingen av CSS inom World wide consortium, W3C. Han berättar om de tre nivåerna av CSS och förklarar varför det bara tog några år mellan de två första nivåerna, men åtta år till den viktiga revision ett av nivå två. Nu pågår också arbetet med att implementera nivå tre av CSS, den slutgiltiga CSS-specifikationen. – CSS nivå tre är menad att bli den slutgiltiga och mest kompletta nivån av CSS. Den kommer att innehålla allt vi anser CSS ska innehålla.

Annons

World Wide Web consortium, W3C, har sedan gruppen bildades 1994 arbetat med att utveckla standarder för webben, och inte minst med utvecklingen av stilmallar. Stilmallar beskriver bland annat hur sidor skapade i html presenteras på skärm.

I dag är den vanligaste formen av stilmallar på webben css.
– 65 procent av alla webbsidor använder css, enligt Bert Bos.
Css har sedan 1994 utvecklats i två nivåer, och i dag håller nivå tre på att utvecklas. När den är klar kommer den att innehålla hela css-specifikationen. Nivå ett och två blir bit för bit utbytt mot, eller går upp i, moduler från nivå tre.

Css består av nivåer, moduler och profiler. Profilerna är knutna till specifika typer av enheter, och oftast enheter som är mindre kraftfulla än skrivbordsdatorer och bärbara datorer.
Med profiler vill W3C hjälpa tillverkare av till exempel mobiltelefoner att se vilka delar av en specifikation de bör ta med. Samtidigt får författare av innehåll en fingervisning om vilket stöd för en specifikation de kan vänta sig från en viss enhet.
– Nivåer är mest en historisk artefakt. För nivå tre har vi i realiteten givit upp det tidigare sättet att arbeta, istället arbetar vi nu på flera moduler parallellt, säger Bert Bos.
– Varje modul ser ut som en separat css-specifikation och kan var och en separat få högre status i W3C:s process när de bli stabila, fortsätter han.

Men det finns fler fördelar med de totalt 35 moduler som css består av i dag. Nivå tre börjar bli så omfattande att det skulle vara svårt att hantera som en enda specifikation.
Den sista modulen som kommer att skapas, när alla andra moduler har uppnått minst W3C candidate recommendation, kommer att kallas Introduction.
– Den modulen kommer vara en innehållsförteckning över alla moduler. När den modulen är släppt kan vi säga att css 3 är här – det blir kanske omkring år 2011 …

Olika webbläsare har implementerat olika mycket av css nivå tre. Selektorer har störst stöd och flerkolumnsmodulen är säker att använda, eftersom texten fortfarande är läsbar även om modulen inte har stöd i en viss webbläsare.

För webbformgivare är kanske modulen för avancerad layout i nivå tre den mest intressanta. Att använda tabeller för layout var innan css, med dess möjligheter för absolut positionering av element, en omtyckt teknik. Modulen för avancerad layout kombinerar de bästa delarna av tabellbaserad layout och absolut positionering.
– Den tillåter en formgivare att specificera ett rutmönster med en eller två rader css, sedan kan element placeras ut inom rutmönstret, säger Bert Bos.

En annan del som ska lösas med css nivå tre är alla skriftspråk som skiljer sig från de latinska, med europeiska traditioner inom typografi. Utskrifter är en annan:
– I dag ser utskrifter från webbläsare inte tillnärmelsevis lika bra ut som ens från de enklaste ordbehandlingsprogram, säger Bert Bos.

Trots detta menar han att utskrifter med hjälp av css har blivit tillräckligt bra för att klara böcker, fotoalbum och brev.

9 nya möjligheter med nästa nivå
– Avancerad layoutmodul med ökade möjligheter för formgivning.
– Support för vertikal text, som till exempel japanska.
– Kolumner med flödande text.
– Sidattribut som till exempel sidnummer, sidhuvud, sidfot och fotnoter.
– Möjlighet att använda rundade hörn på ramar.
– Nedladdningsbara typsnitt.
– Listnumreringar på betydligt fler språk än i dag.
– Större möjligheter att bestämma vilken stil som ska användas på en viss enhet.
– Fler möjligheter att formge Scalable vector graphics, SVG.

Css tre nivåer
1.
Kom 1996. Definierar grundläggande egenskaper, till exempel typsnitt, marginaler och färger. www.w3.org/TR/REC-CSS1
2. Kom 1998. Består av css nivå ett plus tillägg för till exempel absolut positionerade element, automatisk numrering och sidbrytning. www.w3.org/TR/REC-CSS2
3. Utvecklas i dag. Innehåller allt från de tidigare nivåerna, plus exempelvis nya selektorer, vertikal text, mer variation på kanter och bakgrunder, med mera. www.w3.org/Style/CSS/current-work

Prova på redan nu!
Pröva att använda modulen för flerkolumnslayout. Csscripting.com har ett javaskript för ändamålet:
www.csscripting.com/css-multi-column

Annons
Annons
Annons

Magasinet

magimage
magimage
2019
No1

Fotorealistisk 3D hos Foam Studio | Offentlig konst i 3D | Galleri med Sven Prim | Ines Alpha sminkar med 3D | The Reprap Story | Omvärldsspaning | Framtiden för 3D | Vinetiketter för världen från Karlstad

Prenumerera
magimage
magimage
2018
No4

Personporträtt med fotografen Weroncka Gȩsicka | Illustrera med papper | Flat design | Att välja bild | Konflikt och Kreativitet | Platt formagivning tar steget in i framtiden | Så når du betraktaren | Analys av Ericssons nya logotyp

Prenumerera
magimage
magimage
2018
No3

Så jobbar Tele2 Inhouse | Lean design för formgivare | Effektiv utomhusreklam | Galleri: Björn Persson | Inhouse: Stockholms stadsbibliotek | Anti-copying in design | Inhouse: MoMA | Intervju: Christina Knight

Prenumerera
magimage
magimage
2018
No2

Sthlm signs handmålar | Nordblicks nya profil | Semiotik i grafiken | Galleri: Simon Hjortek | Löwengrips redesign | Designa effektiva logotyper | Att redesigna eller ej | Nystartade studion Ulmaja Wilsson | Vi testar Loupedeck

Prenumerera
magimage
magimage
2018
No1

Passionsfyllt foundry | Typografiska omslag | Jämställt inom typografin | Historisk inspiration | Rörlig typografi | Att nå ut med snitten | Webbverktygen för typo | Byråer efter koncept

Prenumerera
magimage
magimage
2017
No5

Framtiden för reklam | Inkludering för tillväxt | Formgivarens roll i en globaliserad värld | Norm Form | Aardman Studios | Färg på rätt sätt | En kräsen generation

Prenumerera
magimage
magimage
2017
No4

Klarnas nya form | Från A till Zlatan | Vikten av design hos Sveriges digitala jättar | Curious ställer frågan först | Starka identiteter för stora varumärken | Converse tar steget fram med blicken bakåt | Nordiskt fokus på flygplansmat

Prenumerera
magimage
magimage
2017
No3

Psykedelisk design | Koncept för krögare | Gedigna kreatörer | Identitet med stil | Matigt fotografi | Alectas historia | Läskig analys

Prenumerera
magimage
magimage
2017
No2

VR till folket | Karaktärsdesign | Robert Sundelin | Johanna Hanno | En byrå över gränser | Framtidens filmstudio | Wacoms nya plattor | Juventus rebrand

Prenumerera
magimage
magimage
2017
No1

Fantastiska världar – Alexander Jansson & Mina Lima | Jakob Trollbäck | Rysk revolution | Magasindesign | Ny form för public service |

Prenumerera
magimage
magimage
2016
No4

Starta egen byrå? – Möjligheterna, utmaningarna och fallgroparna | SJ byter spår | På besök hos Bold | Få effekt utomhus | Typsnittens psykologi | Pionjärer inom VR | Pinterests planer

Prenumerera
magimage
magimage
2016
No3

Tonsäkra omslag – från vinyl till ikon | I huvudet på Jesper Waldersten | En bråkig 40-åring | Där data dominerar | Stjärnskottet Rachel Gogel

Prenumerera
magimage
magimage
2016
No2

Att formge bortom skärmen | Jonathan Barnbrook | Sätt översättningarna | Så funkar Adobe XD | Aktuellt | Portfolio

Prenumerera
magimage
magimage
2016
No1

Design <3 kod I Färglära från Way Out West I Hon formar nyheterna I Så arbetar du med virtuell verklighet

Prenumerera
magimage
magimage
2015
No8

Henrik Nygren | Formgivarpanelen trendspanar | Appar utan kod | Årets stora formhändelser

Prenumerera
magimage
magimage
2015
No7

Tema: Typografi | Tobias Frere-Jones | En eklektisk typ | Slitstark form | Från Lady Gaga till Hamilton

Prenumerera
magimage
magimage
2015
No6

Tema: Karriär | Framtidens kompetens | Björn Kusoffsky | Maxa frilansverksamheten | Nyheterna i Adobe Creative Cloud

Prenumerera
magimage
magimage
2015
No5

Tema: Hantverk | En responsiv pionjär | Lotta Kühlhorn | Färgglad ölform | Guide: Kalligrafi

Prenumerera
magimage
magimage
2015
No4

Tema: Grafisk identitet | Tre identiteter | Acne Advertising | Alla finalister i #omSLAGET | Emojins intåg

Prenumerera
magimage
magimage
2015
No3

Bärbar design | Filmisk form | Jane Bark | Högupplösta skärmar | Uppe i molnet

Prenumerera
magimage
magimage
2015
No2

Wyatt Mitchell | Grafitti i storformat | Iskalla typer | Ett tungt frågetecken | Guide: Välj rätt papper

Prenumerera
magimage
magimage
2015
No1

Bildens kraft | Microsofts designchef om framtiden | Lasse Skarbövik | Spel som gör skillnad | Guide: Nyheterna i Camera Raw

Prenumerera