Collective #117
Inspirational Website of the Week: Ateliers Serge Thoraval

This brilliantly designed website with adorable interactions and smart layouts. Our pick this week.
Get inspired808 Cube

A fantastic demo by Ray McClure from the Google Cube Lab.
Check it outHTML5 Needs a New Animation API to Compete with Native

Marc Grabanski dives into animations and talks about everything from CSS Animations to tweening and requestAnimationFrame, explaining how we actually need a new and better animation API.
Read itMobile And Accessibility: Why You Should Care And What You Can Do About It

An excellent, in-depth article by TJ VanToll on mobile accessibility.
Read itShortcutMapper

A very useful keyboard shortcuts visualizer developed by Waldo Bronchart.
Check it outData-binding Revolutions with Object.observe()

Read about Object.observe(), a method for asynchronously observing changes to JavaScript objects, in this article by Addy Osmani.
Read itA More Compatible, Smoother Touch

Vivian Cromwell introduces Chrome's new Async Touchmove Model for a better scroll behavior on touch devices.
Read itFree Icon Set (PSD)

A fantastic icon set in a PSD by talented Catalin Fertu.
Get itVelocityJS demo

A fantastic, mind-blowing Velocity.js demo by Oleg Solomka.
Check it outoozled

A collection of curated and categorized resources on the web, useful to any web designer and developer.
Check it outiTunes Concept

Brye Kobayashi shows his vision of a flat and stylish iTunes design.
Check it outWeb Design Field Manual

A great collection of resources for all the important steps in web design by Jon Yablonski.
Check it outGrouping related classes in your markup

An interesting idea for grouping class names for better scannability by Harry Roberts.
Read itFree Font: Garnata

For a tweet you can get this interesting display font that comes in many different styles.
Get itUnderdog.io

A nice concept for submitting applications to New York City’s top startups. Also interesting for startups that are hiring.
Check it outScript-injected "async scripts" considered harmful

An article by Ilya Grigorik on how script-injected asynchronous scripts impact performance.
Read itThe Illusion of Motion

A compelling and interesting article by Paul Bakaus on the perception of vision, frame and refresh rate, motion blur, and TV displays.
Read itSummer Beach colorful labels set (EPS, AI)

A really nice set of colorful beach and summer labels and logos in vector format.
Get itBlopboard

An interesting web app where you can ask and answer questions and see real-time visualizations of everyone's answers.
Check it outINQUIT Font (EPS)

An experimental display font inspired by alchemical symbols, in vector EPS format.
Get itTumblr Boilerplate

A Tumblr boilerplate by Andy Leverenz for developing Tumblr themes.
Get itThe Dangers of Stopping Event Propagation

Philip Walton shows what can go wrong when stopping event propagation and what to do instead.
Read it