Om den senaste plandesigntendensen har visat någonting så är det hur otroligt begränsade webbdesigners är när det gäller komposition. Nu när vi inte längre distraheras av fasetter, gradienter och glans är det tydligt att webbdesigners har en struktur för att bygga sina mönster runt: rektanglar.
Det finns såklart så många sätt att komponera grupper av rektanglar eftersom det finns pixlar på en skärm, men när du tar hänsyn till kraven på typ och nödvändigheten av att designa för olika upplösningar börjar layoutalternativen att vara tydligt begränsade.
Vi vet alla att alla hörn inte är rätvinkliga; vi vet alla att linjer inte alltid är raka. Faktum är att några av de mest spännande designen från förra seklet har brutit ut ur gallret och spunnit i bågar och vinklar vilket skapar spänning, drama och spänning. Det är ett enkelt förslag i utskriftsdesign: öppna ett dokument i InDesign, välj ellipsverktyget och dra en cirkel på scenen, välj typverktyget och klicka på cirkeln som nu klistras in i texten. försök nu samma sak i CSS, fortsätt, jag ska göra en kaffe medan jag väntar ...
Naturligtvis finns det många sätt att rita en cirkel på en webbsida, men om du flyter text runt en kommer du att upptäcka att det inte är en cirkel; dess gränslåda är fortfarande rektangulär. Det enda alternativet för att skapa text som flyter till en kurva är att infoga mellanslag i början av varje rad och radbrytningar i slutet, artificiellt indraga texten. något som betalar kaos med tillgänglighet.
För att lösa problemet, utvecklar W3C CSS-former. Släpptes den 20 juni sitt första offentliga utkast, CSS-former Modul Nivå 1, Detaljera användningen av icke-rektangulära former i förhållande till boxmodellen och floatbeteendet. För närvarande ett pågående arbete de föreslagna tilläggen till CSS inkluderar formen rektangel, insats-rektangel, cirkel, ellips och polygon.
Vid den första implementeringen kommer vi bara att kunna flyta runt former. För att göra det brukar vi använda formen på utsidan, så här:
Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.