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

by Rachel Nabors · 10 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

Mark Llobrera on Professional♥︎Amateurs

Memory Management

No matter what your dev job description is, you need a robust and reliable system for note-taking, bookmarking and—this part is essential—finding the information you’ve captured. Even before you’ve built up your skills, a mature process for managing the information involved in your work will help throughout your career. Mark Llobrera likes to keep his memory management method simple, searchable, and software-independent.

From the Blog

Developing Empathy

Everyone talks a lot about empathy, but distilling that theory-driven talk into practices for our day-to-day work can seem daunting. Susan Robertson shows how she's been able to practice empathy for users as a developer.

On Our Radar: Four-and-a-Horse Stars

This week's recommended reading list has bad news for icon fonts: we learn from Seren Davies' presentation that they present accessibility issues for people with dyslexia. Plus: our favorite tech TinyLetter, the NYSE computer glitch, an animal gif, and more.