Good-Looking Shapes Gallery


Layouts where content hugs the boundaries of illustrations are common in print and rare on the web. One of the reasons non-rectangular contour-hugging layouts are uncommon on the web is that they are difficult to produce.

They are not difficult to produce anymore.

And once again I have a flashback to (the now offline) The Box Office, a project I made a long long time ago (2005) to mimic some of the stuff one can do with CSS Shapes

Good-Looking Shapes Gallery →

Creating Non-Rectangular Layouts with CSS Shapes


With the introduction of CSS Shapes into the web, wrapping content in custom non-rectangular shapes, and recreating print designs and layouts on the web becomes a piece of cake!

In this article we’re going to go over the basics of declaring shapes, and creating some simple layouts using these new CSS technologies.

Creating Non-Rectangular Layouts with CSS Shapes →