Pokud nedávný trend plochého designu ukázal něco, je to, jak neuvěřitelně omezené webové designéry jsou, pokud jde o kompozici. Nyní, když už nemůžeme rozptýlit zkosení, přechody a lesk, je jasné, že weboví návrháři mají jednu strukturu, která jim umožní vytvářet své vzory kolem: obdélníků.
Existují samozřejmě tolik způsobů, jak sestavovat skupiny obdélníků, neboť na obrazovce jsou pixely, ale když vezmeme v úvahu požadavky typu a nezbytnost návrhu pro různá řešení, rozložení možností začíná vypadat zřetelně omezené.
Všichni víme, že všechny rohy nejsou správné; všichni víme, že linky nejsou vždy rovno. Ve skutečnosti se některé z nejzajímavějších designů minulého století vytratilo ze sítě a odtrhlo se v obloucích a úhlech, vytvářejících napětí, drama a vzrušení. Jedná se o jednoduchý návrh v tisku: otevřete dokument v aplikaci InDesign, vyberte nástroj elipsy a nakreslete kruh na jevišti, vyberte typ nástroje a klepněte na kruh, nyní vložte do textu; teď zkuste stejnou věc v CSS, pokračujte, udělám kávu, zatímco budu čekat ...
Samozřejmě existuje spousta způsobů, jak nakreslit kruh na webové stránce, ale pokud budete platit text kolem jednoho, zjistíte, že to není opravdu kruh; jeho ohraničovací rámeček je stále pravoúhlý. Jedinou volbou pro vytváření textu, který se pohybuje na křivce, je vložit mezery na začátku každého řádku a konce řádků na konci, uměle odsazením textu; něco, co zaplatí přístupnost.
Pro řešení tohoto problému vytváří W3C tvary CSS. Vydali 20. června svůj první veřejný pracovní návrh, CSS Tvary modulu Úroveň 1, podrobně popisuje použití nepravoúhlých tvarů ve vztahu k modelu krabice a chování float. V současné době probíhající práce navrhované doplňky do CSS zahrnují tvary obdélník, vložka-obdélník, kružnice, elipsa a mnohoúhelník.
Při počáteční realizaci budeme schopni plavat kolem tvarů. K tomu použijeme tvar-vnější vlastnost, například takto:
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.