A List Apart

Menu
Issue № 390

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

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

· 15 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

· 11 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

var to JIT

Through the power of JavaScript, we learn how the browser breaks down pages and speeds up processes so we can write better code.

Braces to Pixels

In this installment of our “From URL to Interactive” series, Greg Whitworth explains how cascading actually works, and then some.

Server to Client

Kicking off our “From URL to Interactive” series, we take a look under the hood to find out how our code makes it to the browser.

Writing for Designers

In this excerpt from Writing for Designers, Scott Kubie explains why designers need to be more intentional with how we use words.