I'm a Creative Technologist at Google and like to create things with equal parts design & code.
The more I learn from these disciplines, the more I appreciate how similar their processes are.
More importantly, I've come to realise that the most significant results are cultivated in the space where these two meet.
This blog delves into this concept.
I also speak occasionally on subjects related to the modern browser - for enquiries please email email@example.com.
Ribbon implemented in HTML5 canvas. Method uses two delayed mouse follows at different speeds as a way of marking points for drawing. Each “mouse follow” has a record of it’s previous x and y point. For each interval, we draw a shape using the previous and current x & y points for each follow – this makes a ribbon “segment”. A stroke on the outer edges help enhance the illusion of depth when sections of the ribbon overlap. Colours (from the Google logo) rotate every second. Device orientation added for both MacBook and iOS4.2 devices. Enjoy doodle.