Dynamic Physics Animations

Create animations that flow naturally from the user’s movements. Rather than animating properties for a set amount of time, impulse takes a start position, end position, and velocity.

App Store Marketing Guidelines

Thousands of developers around the world have helped make the App Store a success. We’ve created these guidelines so developers can benefit from the Apple identity and contribute to its strength. We believe that powerful marketing communications will help bring continued success for your apps.

Semver – A Primer

Semantic Versioning, otherwise known as semver has become a core part of Node.js software development. Thanks to npm, semver is embedded in the way we publish and link packages together to form simple libraries or complex applications. The relationship Node.js has with semver is evolving over time, just as the semver specification itself is evolving.

The Bézier Game

Learn all the tricks of working with pen tool in vector drawing applications. Also beautifully done!


App I Use:


DTerm is an amazing little resident console, waiting for your commands. It’s always accessible via a keyboard shortcut and always stays in the folder where it’s activated.

Designer’s Guide To DPI

This guide is designed as a “get started” or introductory read for the starting to intermediate designer who wants to learn or get more knowledge about cross-DPI and cross-platform design from the very beginning. No complex math and un-parsable graph, just straight forward explanations ordered in short sections for you to understand and apply directly to your design process. By Sebastien Gabriel – check out his site, it’s amazing too.

First-person Hyperlapse Videos

We present a method for converting first-person videos, for example, captured with a helmet camera during activities such as rock climbing or bicycling, into hyper-lapse videos, i.e., time-lapse videos with a smoothly moving camera.

RenderCam, a Chrome Extension

A simple way to record a canvas. It will record any canvas elements on the page as well as any svg animations. When finished, all the frames will be downloaded into a single tar file. You can then use these raw images in any way you want. The extension will temporarily override Date and performance.now so that time moves at 60fps constantly so that the output images are always consistent. This can look like your project is animating slowly, but that is just so that the output frames are 60fps.

Inspecting Yosemite’s Icons

Last month Apple released a preview of their new operating system, OS X Yosemite. Following the visual refresh in iOS 7, Yosemite features a significant visual change. Apple has added the familiar blur and translucent materials, a cleaner looking user interface, a new system font and updated icons. Analysis by Nick Keppol.

User Onboarding

Want to see how popular web apps handle their signup experiences? Here’s every one I’ve ever reviewed, in one handy list.

Visualizing Algorithms

Algorithms are a fascinating use case for visualization. To visualize an algorithm, we don’t merely fit data to a chart; there is no primary dataset. Instead there are logical rules that describe behavior. This may be why algorithm visualizations are so unusual, as designers experiment with novel forms to better communicate. This is reason enough to study them. (by Mike Bostock)

Mac OS X Yosemite Under the Magnifying Glass

Apple revealed a sneak peek into Mac OS X Yosemite earlier this week. Not surprisingly, Apple updated its desktop OS to match iOS 7’s design language. The new OS X now embodies a brighter and flatter styling, coupled with icon updates, font changes, and translucent materials. Here’s a quick look at the visual design changes in Yosemite and Min Ming Lo’s impressions of them.

It happened: Git 2.0 is here and it’s full of goodies

This major release of git has been brewing for a long time and I am excited to go on the hunt in the Changelog to find cool bits of awesomeness. As usual if you want to catch up with past git releases, I’ve been doing this exercise for a while, check them out: 1.8.2, 1.8.3, 1.8.4, 1.8.5, 1.9.

Icon Reference Chart

Have you ever needed to create an icon, and not known where to start? How do you go about crafting the right message, the tone, the line work and getting it to work in the environment it’s supposed to; be it mobile, operating system, or browser. Thankfully we now have the place to go.

BioShock Infinite Lighting

Programmers don’t generally have reels, but we do have blogs. I’ve been explaining the rendering work I did on BioShock Infinite quite a bit due to recent events, and I thought it made sense to write some of it down here. For the bulk of development, I was the only on-site graphics programmer. As Principal Graphics Programmer I did quite a bit of implementation, but also coordinated and tasked any offsite rendering work. (by Steve Anichini, @solid_angle)

Project Naptha

Project Naptha automatically applies state-of-the-art computer vision algorithms on every image you see while browsing the web. The result is a seamless and intuitive experience, where you can highlight as well as copy and paste and even edit and translate the text formerly trapped within an image. (by @antimatter15)