Project 2^19 points onto a texture, calculate blur, use the gradients to update the particle positions, mumble a magic spell and you get a beautiful shader / WebGL powered effect Coupled Turing pattern and particle projection feedback → (via CreativeJS)
Rendering Performance Case Studies
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 …
Continue reading “Pencil, a stylus from the makers of Paper”
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
CSS Mac Plus
Check out this Pen! In this project I will build a 3D model of the Macintosh Plus and display it in a three dimensional setting. Using CSS Keyframe animation we’ll make it move on screen to show off the 3D effect better. Great explanatory post on how to actually make this kind of stuff. Touches …
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. …
Continue reading “Commando.io – Manage servers easily online”
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 …