Hvis den seneste fladskonstruktion har vist noget, er det sådan, hvor utroligt begrænsede webdesignere er, hvad angår sammensætning. Nu, hvor vi ikke længere er distraheret af bevels, gradienter og glans, er det klart, at webdesignere har en struktur til at bygge deres designs rundt: rektangler.
Der er naturligvis så mange måder at komponere grupper af rektangler på, da der er pixels på en skærm, men når du tager højde for kravene til typen og nødvendigheden af at designe for forskellige opløsninger, begynder layoutindstillingerne at se tydeligt begrænset.
Vi ved alle, at alle hjørner ikke er retvinkler; vi ved alle, at linjer ikke altid er lige. Faktisk er nogle af de mest spændende design i det sidste århundrede brudt ud af gitteret og spundet ud i buer og vinkler, hvilket skaber spændinger, drama og spænding. Det er et let forslag i printdesign: Åbn et dokument i InDesign, vælg ellipseværktøjet og tegne en cirkel på scenen, vælg typeværktøjet og klik på cirklen, og indsæt nu i teksten. Prøv nu det samme i CSS, gå videre, jeg laver en kop kaffe, mens jeg venter ...
Selvfølgelig er der masser af måder at tegne en cirkel på en webside på, men hvis du flyder tekst omkring en, vil du opdage, at det ikke er en cirkel; dens afgrænsningskasse er stadig rektangulær. Den eneste mulighed for at skabe tekst, der flyder til en kurve, er at indsætte mellemrum i begyndelsen af hver linje og linjeskift i slutningen, kunstigt indrykke teksten; noget der betaler kaos med tilgængelighed.
For at løse problemet, udvikler W3C CSS Shapes. Udgivet den 20. juni deres første offentlige arbejde udkast, CSS Former Modul Niveau 1, detaljer om brugen af ikke-rektangulære former i forhold til boxmodellen og flydeadfærd. I øjeblikket er et igangværende arbejde de foreslåede tilføjelser til CSS inklusiv formene rektangel, indsats-rektangel, cirkel, ellipse og polygon.
I den oprindelige implementering vil vi kun kunne flyde rundt på figurer. For at gøre det bruger vi form-udvendige egenskaber som sådan:
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.