Lily – The Camera That Follows You

Lily is the world’s first throw-and-shoot camera. It lets anyone create cinematic footage previously reserved for professional filmmakers. Lily is waterproof, ultra-portable, and shoots stunning HD pictures and videos. Just throw it in the air and it’ll start flying. Easy. Lily – The Camera That Follows You → In other recent drone-news, DJI announced the …

The Fallen of World War II

The Fallen of World War II is an interactive documentary that examines the human cost of the second World War and the decline in battle deaths in the years since the war. The 15-minute data visualization uses cinematic storytelling techniques to provide viewers with a fresh and dramatic perspective of a pivotal moment in history. …

rafscroll – chain your scroll events to requestAnimationFrame

new rafscroll(function() { // Do your thing here. }); Your monitor refreshes at 60 frames per second (fps). Scroll events, on the other hand, do not. Chaining your scroll events to a requestAnimationFrame ensures that your transitions and animations will refresh each time the monitor refreshes, rather than each time a scroll event is fired. …

Responsive Principles

Responsive web design has engendered a wider conversation about how we build products that accommodate an increasing breadth of connected devices. This talk will suggest a framework within which we can model this continuing discussion, and outline the principles needed for our work to better respond to a rapidly changing world. A PDF with presenter …

On being overwhelmed with our fast paced industry

JavaScript var is dead? We should use ES2015 let and const now? CSS is getting variables, nesting, scoping and custom selectors. Preprocessors like Sass and Stylus are dead, long live PostCSS. Just learned Grunt? Oh you should use Gulp – wait no, Webpack. Still laying out your sites using floats like a sucker? Flexbox is …

Cyclon.js – JavaScript Robotics

JavaScript Robotics, By Your Command. Next generation robotics framework with support for 36 different platforms Take the Leap Motion for example. Install Cyclon.js using npm, and then use this little tad of code to start interacting via the Leap Motion: var Cylon = require(‘cylon’); Cylon.robot({ connections: { leapmotion: { adaptor: ‘leapmotion’ } }, devices: { …