A List Apart

Menu
Issue № 390

Web animation, without the F word (Flash, that is).

UI Animation and UX: A Not-So-Secret Friendship

by Val Head12 Comments

The words “web animation” make many of us search frantically for the “skip intro” button, but adding motion to our work can be meaningful and functional—when we find the right circumstances. Animation can provide cues, guide the eye, and soften the sometimes-hard edges of web interactions. Val Head shows you how CSS makes it possible.

Web Animation at Work

by Rachel Nabors10 Comments

We use HTML to tell stories and communicate vast amounts of information—and animation helps us do both better. Just as hierarchy guides users through content, animation guides them through interactions by helping them understand relationships, structure, cause, and effect. Rachel Nabors explains her fascination with CSS3 animations, Canvas, SVG, the web audio API, webGL, and all the rest, and explains why we need web animation—and web animators.

More from A List Apart

Columnists

Rian van der Merwe on A View from a Different Valley

Work Life Imbalance

Workspaces now include the comforts of home, and homes are filled with devices that connect us to work. It’s time to reconsider our enthusiasm for being available to deal with work any time, day or night. The balance we thought we’d find is tipped heavily toward productivity, to the detriment of exploration, inspiration, and regeneration.

From the Blog

Getting Started With CSS Audits

This week I wrote about conducting CSS audits to organize your code, keeping it clean and performant—resulting in faster sites that are easier to maintain. Now that you understand the hows and whys of auditing, let’s take a look at some more resources that will help you maintain your CSS architecture. Here are some I’ve recently discovered and find helpful.