Son düz tasarım eğilimi herhangi bir şey göstermişse, inanılmaz derecede sınırlı web tasarımcıları, kompozisyona geldiğinde bu kadar inanılmaz. Artık eğim, degradeler ve parlaklıklarla artık dikkatimizi dağıtmayacağımıza göre, web tasarımcılarının tasarımlarını oluşturmak için tek bir yapıya sahip oldukları açık: dikdörtgenler.
Tabii ki bir ekranda pikseller olduğu için dikdörtgen gruplarını oluşturmanın birçok yolu vardır, ancak türlerin taleplerini ve farklı çözünürlükler için tasarımın gerekliliğini göz önüne aldığınızda, yerleşim seçenekleri belirgin şekilde sınırlı görünmeye başlar.
Hepimiz biliyoruz ki tüm köşeler doğru açı değildir; hepimiz hatların her zaman düz olmadığını biliyoruz. Aslına bakılırsa, geçen yüzyılın en etkileyici tasarımlarından bazıları, ızgaradan ayrılmış ve yaylar, açılar ve gerilimler yaratmış, gerilim, drama ve heyecan yaratmıştır. Baskı tasarımında kolay bir teklif: InDesign'da bir belge açın, elips aracını seçin ve sahnede bir daire çizin, yazım aracını seçin ve daireye tıklayın, şimdi metninize yapıştırın; şimdi CSS'de aynı şeyi deneyin, devam edin, beklerken bir kahve yapacağım…
Elbette bir web sayfasında bir çember çizmenin birçok yolu vardır, ancak bir tanesini metnin etrafında gezdirirseniz, onun gerçekten bir çember olmadığını keşfedersiniz; onun sınırlayıcı kutusu hala dikdörtgen. Bir eğriye yayılan metinleri oluşturmak için tek seçenek, her satırın başına boşluk eklemek ve metnin yapay olarak girintisini oluşturmaktır. erişilebilirlik ile zarar veren bir şey.
Sorunu çözmek için, W3C CSS Şekiller geliştiriyor. İlk kamu çalışma taslağını 20 Haziran'da yayınladı, CSS Şekilleri Modül Seviye 1, Kutu modeli ve yüzdürme davranışı ile ilgili dikdörtgen olmayan şekillerin kullanımını detaylandırır. Halihazırda devam eden bir çalışma, CSS'ye önerilen eklemeler, dikdörtgen, ek-dikdörtgen, daire, elips ve çokgen şeklini içermektedir.
İlk uygulamada sadece şekillerin etrafında yüzebileceğiz. Bunu yapmak için şekil dış özelliğini kullanacağız.
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.