Jos viimeaikainen tasomainen muotoilu on osoittanut jotain, on se, kuinka uskomattoman rajalliset web-suunnittelijat ovat koostumuksen osalta. Nyt kun emme enää häiritse viisteitä, kaltevuuksia ja kiiltoa, on selvää, että web-suunnittelijoilla on yksi rakenne rakentaa mallejaan: suorakulmioita.

Tietenkin on niin monta tapaa muodostaa suorakulmaryhmiä, kuten näytöllä on pikseleitä, mutta kun otat huomioon tyypin vaatimukset ja eri resoluution suunnittelun välttämättömyys, ulkoasun vaihtoehdot alkavat näkyä selvästi rajallisina.

Me kaikki tiedämme, etteivät kaikki kulmat ole oikeita kulmia; me kaikki tiedämme, että linjat eivät ole aina suoria. Itse asiassa jotkut viime vuosisadan viimeisimmästä muotoilusta ovat puhjenneet ruudukosta ja heittäytyneet kaaria ja kulmia aiheuttaen jännitystä, draamaa ja jännitystä. Se on helppokäyttöinen tulostusmuotoilu: avaa asiakirja InDesignissa, valitse ellipsi-työkalu ja piirrä ympyrä lavalle, valitse tyyppityökalu ja napsauta ympyrää, liitä nyt tekstiasi; nyt kokeile samaa asiaa CSS: ssä, mene eteenpäin, teen kahvia, kun odotan ...

Tietenkin on runsaasti tapoja piirtää ympyrä verkkosivuilla, mutta jos float tekstin ympärillä, huomaat, että se ei ole oikeastaan ​​ympyrä; sen rajoituslaatikko on vielä suorakulmainen. Ainoa mahdollisuus luoda tekstiä, joka kelluu käyrään on lisätä välilyöntien alussa jokaisen rivin ja rivinvaihdot lopussa, keinotekoisesti sisennys tekstiä; jotain, joka maksaa haavoittuvuutta esteettömyydellä.

Ongelman ratkaisemiseksi W3C kehittää CSS-muotoja. Kesäkuun 20. päivänä julkaistiin ensimmäinen julkinen työluonnos, CSS-muotoja Moduulin taso 1, yksityiskohdat ei-suorakulmaisten muotojen käytöstä laatumallin ja float-käyttäytymisen suhteen. Tällä hetkellä CSS: n lisäosien parhaillaan käynnissä oleva työ on muodoltaan suorakulmio, sisäänrakennettu suorakulmio, ympyrä, ellipsi ja monikulmio.

Alkuperäisessä toteutuksessa pystymme vain kellumaan muodoissa. Tätä varten käytämme muodon ulkopuolista ominaisuutta, kuten:

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.