Jen makes a great point on her presentation. Where is the awesome layouts that we see in print reflected on the web? We are not tied into the “rectangular boxes” wisdom of the web. We have technologies like shapes, clip paths, masks and many other technologies that make square boxes almost obsolete. Don’t get me… Read More


Compositing and Blending Level 1 candidate recommendation provides a way to composite elements in HTML and SVG using CSS. Think of the way you can create non destructive clips and masks in Photoshop; the idea is the same but rather than use Photoshop we can use CSS in the browser. We’ll look at the basics… Read More


CSS Shapes allow designers and content creators to match some magazines layouts where the text wraps around images and other polygonal and irregular shapes. Why do I include shapes in an essay about typography? As you can see in the examples below, shapes change the way the text relates to the surrounding images. Imagine what… Read More


Depending on the context and the type of text you’re using animations can be useful. CSS Animation Level 1 provides a way to animate CSS properties over time. It uses key frames to create the animations. We will work through an example similar to the Mozilla Developer Network basic animation example. The same or similar… Read More


One of the most intriguing things we can do with text is change its position and the way it looks on the screen with nothing but CSS in browsers that support it. The good news is that all browsers except IE8 and Opera Mini support transformations so we won’t have to do workarounds. We’ll start… Read More