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: { …