Pencil, a stylus from the makers of Paper

Great tools inspire great ideas. Pencil is the most natural and expressive tool for getting ideas on Paper. Advanced technology meets beautiful design to keep you in the flow, without needing to switch tools. With Erase, Blend, and adaptive Palm Rejection, Pencil puts creative possibility in your hands. Neat that the back of the pencil …

Scroll Animations

A little Pen I knocked together to demonstrate “CSS Animations triggered on scroll” to some of my students. The key part is the animated class which actually starts the animation: it is only added once the element is in view. Check out this Pen! Note that the event handler is not debounced as we need …

jquery.unevent.js

A jQuery/Zepto plugin I’ve been using a lot lately to debounce (= attach with delay) event handlers. To be applied on scroll events for example, as you don’t want one long single scroll to pull down the performance of your webpage by constantly triggering the attached handling function. $(window).on(‘scroll’, function(e) { // update stuff *after* …

RemoteDebug, an initiative to unify remote debugging across browsers

What if it was possible to use Chrome DevTools to debug Firefox, or use Firefox DevTools to debug Chrome? … The open web follows standards. Our tools should too. RemoteDebug, an initiative to unify remote debugging across browsers → Related: Sublime Web Inspector →

Commando.io – Manage servers easily online

Never type the same commands into multiple terminal windows again! From a technological point of view I’m impressed by this I must say! Not sure if I’d use it though (the shell works fine for me). Could be handy if you want to give some people limited (or monitored) shell access to a certain server. …

Ink: A Responsive Email Framework

Reach out your tentacles to a broad range of people who subscribe to your emails. Our CSS framework helps you craft HTML emails that can be read anywhere on any device. Gone are the days where you had to choose between Outlook and email optimized for smartphones and tablets. Ink’s responsive, 12-column grid blends flexibility …