Skrollr – CSS animations linked to scroll position

Having seen a few single-page year in review minisites the past few weeks, it’s clear that Skrollr has become the de facto standard to implement parallax scrolling effects into your websites. The idea behind Skrollr is straightforward: link a target CSS property+value to a given scroll position, via data-* attributes: <div id="example" data-0="width:100%;" data-1500="width:0%;"></div> Skrollr …

Graffiti General

Graffiti General is an immersive WebGL plunge into an abandoned building near Paris and the countless graffiti works that it enshrines. On the eve of it’s restoration, the memory of the building in its current state is preserved and accessible to everybody. Graffiti General was made possible thanks to a combination of the very latest …

Noah

Noah, a short film that debuted at the Toronto International FIlm Festival, illustrates the flitting attention span and lack of true connection in digital culture more clearly than anything else in recent memory. (Chatroulette appearing in the short, so #NSFW) You Need To See This 17-Minute Film Set Entirely On A Teen’s Computer Screen → …

Our Drone Future

In the near future, cities use semi-autonomous drones for urban security. Human officers monitor drone feeds remotely, and data reports are displayed with a detailed HUD and communicated via a simulated human voice (designed to mitigate discomfort with sentient drone technology). While the drones operate independently, they are “guided” by the human monitors, who can …

Facebook Is a Fundamentally Broken Product That Is Collapsing Under Its Own Weight

Every time someone visits News Feed there are on average 1,500 potential stories from friends, people they follow and Pages for them to see, and most people don’t have enough time to see them all. These stories include everything from wedding photos posted by a best friend, to an acquaintance checking in to a restaurant. …