Design Centric And Layered CSS Files

One of the ideas I always find myself coming back to is separating different aspects of design into layers. Typography on one layer, color on another, grids on yet another. By constraining all, but one layer, the unconstrained layer can be more deeply explored.
Continue reading

Animation With CSS: It’s Easier Than You Think

When we combine movements (transforms) of inanimate objects over different timeframes (transitions) we get animation. CSS3 expands on what’s possible with transforms and transitions with the aptly named animations module and I’d like to spend some time today looking through that module.
Continue reading

CSS3 Transforms: Adding 2D and 3D Effects To Web Pages

Transitions are a way to smooth css changes to an element so they’re more natural. However, they don’t define the changes themselves. Today I want to look at a set of more dynamic changes, namely transforms.
Continue reading

CSS Transitions: A Simple Way To Delight Your Visitors

We all want our designs to be functional and usable. We want visitors to easily complete tasks and find what they want. We’d also like to delight them and make their experience enjoyable and memorable.
Continue reading

How To Add Images To Your CSS Borders

The last few posts I’ve been working through the background and borders module for css3. So far we’ve looked at css backgrounds, simple borders, and rounded corners.

Today I want to walk through the border-image property and close with a couple of miscellaneous properties around the boxes we’ve been talking about.
Continue reading