Episode 135: How Does Your Brand Live in Motion? Web Animation with Val Head




The Big Web Show show

Summary: <p>Designer/developer Val Head (@vlh) is Jeffrey Zeldman's guest. Val is the co-founder of the Web Design Day conference, co-host with Cennydd Bowles of the Motion and Meaning podcast, and author of CSS Pocket Guide (5 Simple Steps) and the upcoming Designing Interface Animations (Rosenfeld Media). Val and Zeldman 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.</p> <p>Links for this episode:</p><ul> <li> <a href="http://valhead.com/" class="link" target="_blank">Val Head - Designer &amp; Interface Animation Consultant</a><br> </li> <li> <a href="https://twitter.com/vlh" class="link" target="_blank">Val Head (@vlh) | Twitter</a><br> </li> <li> <a href="http://rosenfeldmedia.com/books/designing-interface-animations/" class="link" target="_blank">Designing Interface Animations | Rosenfeld Media</a><br> </li> <li> <a href="http://motionandmeaning.io/episode01.html" class="link" target="_blank">Motion And Meaning: A podcast about motion design for digital designers with Val Head and Cennydd Bowles.</a><br> </li> <li> <a href="http://webdesignday.com/" class="link" target="_blank">Web Design Day, June 12th 2015 | Pittsburgh, PA Web Design &amp; Development Conference</a><br> </li> <li> <a href="http://alistapart.com/article/designing-safer-web-animation-for-motion-sensitivity" class="link" target="_blank">Designing Safer Web Animation For Motion Sensitivity · An A List Apart Article</a><br> </li> <li> <a href="http://alistapart.com/article/ui-animation-and-ux-a-not-so-secret-friendship" class="link" target="_blank">UI Animation and UX: A Not-So-Secret Friendship · An A List Apart Article</a><br> </li> <li> <a href="http://alistapart.com/blog/post/more-resources-for-accessible-animations" class="link" target="_blank">More Resources for Accessible Animations · An A List Apart Blog Post</a><br> </li> <li> <a href="http://codepen.io/gregtarnoff/pen/JoMxpK/" class="link" target="_blank">Animation switch</a><br> </li> <li> <a href="http://www.amazon.com/exec/obidos/ASIN/0896592332/5by5-20" class="link" target="_blank">Disney Animation: The Illusion of Life: Frank Thomas, Ollie Johnston: 9780896592339: Amazon.com: Books</a><br> </li> <li> <a href="http://www.fivesimplesteps.com/products/css-animations" class="link" target="_blank">CSS animations | Five Simple Steps</a><br> </li> </ul><p>Brought to you by <a href="http://braintreepayments.com/bigwebshow">Braintree</a> (To learn more, and for your first $50,000 in transactions fee-free, go to BraintreePayments.com/BigWebShow), <a href="http://backblaze.com/bws">Backblaze</a> (You make sites, protect them! Big Web Show listeners get a two week free trial by going to backblaze.com/bws), and <a href="https://www.dreamhost.com/promo/thebigwebshow395/">DreamHost</a> (Visit the link to sign up and make sure to use the code THEBIGWEBSHOW395 at checkout and you’ll get top rated web hosting for just $3.95/month and a free domain name).</p>