Posts tagged with timelapse RSS

Interface design evolution of TapTapTap’s Convert app for iPhone. Incredible the number of iterations that were tried before settling on a final approach. (via the app’s designer, Wolfgang Bartelme)

From his Netherlands studio, Peter Jansen creates beautiful sculptures of human movements in space and time. (via Jarred Bishop)

From his Netherlands studio, Peter Jansen creates beautiful sculptures of human movements in space and time. (via Jarred Bishop)

“Landings” by Branislav Kropilak, a series of time-lapse airplane landing photos. (via Garrett Murray)

“Landings” by Branislav Kropilak, a series of time-lapse airplane landing photos. (via Garrett Murray)

Jer Thorp combines Processing, Twitter and MetaCarta to provide a timelapse view of travel patterns based on the phrase “just landed in”.

Timelapse of the design decisions for a Royal Academy magazine layout, by Matt Willey. The whole approach changes completely midway through and it’s interesting to note the apparent freedom the designer has with the article’s title.

The very eerie “Untitled (Variant Crowd 2)” by Russian photographer Alexey Titarenko from his City of Shadows project (1992–1994). (via Kris Lane)

The very eerie “Untitled (Variant Crowd 2)” by Russian photographer Alexey Titarenko from his City of Shadows project (1992–1994). (via Kris Lane)

Jason Zimdars of Element Fusion used the Timelapse CSS script to create this video of the new Icebrrg site being constructed.

It is not a literal timeline of my actual process or the order in which I applied styling, but it has been optimized to show a reasonable facsimile of the process and to be as interesting as possible. Even as the designer behind this website, I find this movie fascinating.

The sharp design shows off the script well.

Timelapse CSS

When building website templates, I’m constantly switching between a view of my CSS code and a view of the page I’m working on in a browser. At my most fevered I’m switching from one to the other after every couple of amendments, to ensure my additional rules are having the intended effect. Over time, were I to record this incremental buildup, it would paint a reasonably good picture of my approach to converting a design comp to a CSS layout.

With this in mind, I thought it might be useful to try to capture the process automatically and then play it back. I’ve seen this done using a collection of manual screen captures, but that didn’t seem a particularly elegant or easily reproducible solution.

Continue reading…

South Bank by Philip Bloom. Glorious.

ADS by FUSION

Heroes

Humming

  • Where The Wild Things Are by Karen O And The Kids
  • Drift by Nosaj Thing
  • Chant Darling by Lawrence Arabia
  • Chez Viking by The Mercury Program

Highlights: 2008, 2007

Written and designed by Matthew Buchanan. Colophon. Please give credit. Email