Web Animation with Val Head

The Big Web ShowVAL HEAD and I discuss how to create an animation style guide, the genius of user queries, the web animation API, frame by frame animation, animating with math in Flash, Disney animation and the illusion of life, animating for meaning, how to animate without triggering vestibular disorders, resources for accessible animations, and what to eat in Lawrenceville, PA.

BIG WEB SHOW № 135: How Does Your Brand Live in Motion? Web Animation with Val Head

This Machine Kills Pixels: Khoi Vinh on Design & Design Tools

Khoi VinhKHOI VINH (@khoi) is my guest this week. Khoi is a a Principle Designer at Adobe, design chair at Wildcard, and former design director at NYTimes.com. He blogs at subtraction.com. Over a cordial hour, we discuss the surprising results of his recent design tools survey; how to watch TV; being creative on the iPad; the inspiration behind Adobe Comp CC; juggling multiple projects to stay fresh; choosing an extracurricular project; how design has changed in the past two years; and more. Enjoy Big Web Show Episode № 134: This Machine Kills Pixels.

Sponsored by Braintree, Casper, and DreamHost.


@khoi on Twitter
The Tools Designers Are Using Today
Sketch digital design software
Design Tools: What Are You Using
Khoi’s latest book
Kidpost – Photo Sharing for Families

The independent content producer refuses to die!

2001 IS CALLING, and while it may not look fresh, its message still resonates:

We believe that the web is a remarkable medium for new forms of art, personal storytelling, and all manner of information and services whose rewards are not necessarily financial.

The independent content scene is alive and well, but is largely unknown by the general web-using public.

We seek to support each other as a community, and to increase, if possible, the general public’s awareness not only of existing independent sites, but of the fact that they can create their own.

INDEPENDENTS DAY is a wholly non-owned, non-commercial, non-subsidiary of nothing.

Independent content on the web: a declaration of principles from 2001, still relevant today, from Independents Day.

@font-face and Web Performance

Some time in 2009, Firefox and Opera began shipping @font-face support with the former behavior: text would render with fallback fonts until downloadable font resources became available. But this choice frustrated many users (see the Firefox bug report) and was quickly dubbed FOUT, the Flash of Unstyled Text . Articles were written about fighting the @font-face FOUT. It wasn’t long before most browsers were hiding text while fonts downloaded. Unfortunately, the main issue with @font-face now is what many wanted to avoid years ago: the FOIT, or Flash of Invisible Text.

Source: The @font-face dilemma | Viget

All Websites Look The Same

All websites look the same.

When was the last time you saw a website that didn’t have a huge image fitting to the screen with some giant text overlaid on it? … Design agencies are guilty too. [They] don’t need to use WordPress themes to create their websites. They don’t need to worry about technical capabilities and they are their own client when it comes to building their own website. They should be the very ones pushing things and taking a chance on something new.

Source: All Websites Look The Same – NoVolume, Web Design Blog

Inclusion and Diversity at Slack

While 45% of all people managers at Slack are women, it’s noteworthy (and not shown above) that fully 41% of all people working at Slack have a woman as their manager. This means that 41% of our people report to a woman who helps set their priorities, measure their performance, mentor them in their work, and who make recommendations that will impact their compensation and career growth.

Source: Inclusion and Diversity at Slack

“Adaptive UI encourages us to be strategic.”

Adaptive UI across devices.

[M]ost things simply respond automatically, like content width responding to text size changes; some things need to be modified like the Profile header, which would take up half the screen on a large device if we didn’t modify the layout; only a few things need to be rethought, like Direct Messages, where the list of conversations can sit side-by-side with the conversations when you have a wide enough screen.

Mike Davidson on Building a more unified Twitter for iOS

Toward a more inclusive web form

REGISTERING for school, paying bills, updating government documents—we conduct a significant part of our daily lives through web forms. So when simply typing in your name breaks a form, well, user experience, we have a problem. As our population continues to diversify, we need designs that accommodate a broader range of naming conventions. Aimee Gonzalez shows how cultural assumptions affect what we build on the web—and how fostering awareness and refining our processes can start to change that.

Designing Safer Web Animation For Motion Sensitivity


For millions of people with vertigo and inner ear problems, large-scale web animations can trigger nausea, migraines, and dizziness. To make websites accessible for everyone, we don’t need to eliminate animation; we need to apply it more thoughtfully. Val Head walks us through some of the challenges posed by vestibular disorders and provides guidelines for designing with motion sensitivity in mind.

Designing Safer Web Animation For Motion Sensitivity by Val Head in Issue № 428 of A List Apart, for people who make websites.

Front-end devs, An Event Apart is hiring.

An Event ApartAN EVENT APART, the design conference for people who make websites, seeks a freelance, part-time, front-end developer to work with our web designer, creative director, and project manager on ongoing design and UX improvements to our site at aneventapart.com.

You have a mastery of HTML, CSS (including Flexbox), and JavaScript. You’re a thinker who cares about good user experience and knows that the smallest design details matter. Progressive enhancement is your bread; mobile-first responsive design is your butter. Sweating web performance details is your idea of Saturday night; arguing the semantics of blockquote, your idea of Heaven.

For details, and to apply, see our listing on weworkremotely.com.