Star Wars: The Force Awakens


Elsewhere , , , Leave a comment

The Attachment, a digital road movie

Dutch-spoken (along with a tad of English) video by Dutch ISP XS4ALL. It follows the travels of a man who decides to physically bring a photo to his brother who lives in the USA, instead of just sending him an email.

Elsewhere , Leave a comment

Hyundai : A Message to Space

Stephanie from Houston misses her astronaut father working at the International Space Station. Watch how her special message was delivered to her father in space.

Elsewhere , Leave a comment

Progressive enhancement with handlers and enhancers

var handlers = {
	'overlay' : function(e) {
		 // This function is executed on click of any element with 
		 // 'overlay' in its data-handler attribute.
		 // The click event is in 'e', $(this).attr('data-foo') holds the
		 // value of data-foo of the element the user clicked on 
    'another-function-name' : function(e) {}

$(function() {
    'use strict';
    // generic click handler
    $(document).on('click', '[data-handler]', function(event) {
        var handler = this.getAttribute('data-handler');
        // honour default behaviour when using modifier keys when clicking
        // for example:
        // cmd + click / ctrl + click opens a link in a new tab
        // shift + click opens a link in a new window
        if (this.tagName === 'A' && (event.metaKey || event.ctrlKey || event.shiftKey)) {
        if (handlers && typeof handlers[handler] === 'function') {
            handlers[handler].call(this, event);
        else {
            if (window.console && typeof console.log === 'function') {
                console.log('Non-existing handler: "%s" on %o', handler, this);

Hidde De Vries (@hdv):

When JavaScript is used to handle user interactions like clicks, or enhance the page by manipulating the DOM, traditionally you’d have JavaScript find that HTML element in your page, and hook some code into it. But what if you’d switch that around, and have the HTML element “tell” JavaScript what function to execute?

Using a tad of JavaScript the link below will be opened in an overlay upon click, instead of the normal flow:

<a href="#punk-ipa" data-handler="overlay">More about Punk IPA</a>

Reminds me of the data-showinoverlay attribute I add to links which need to be shown in an overlay. Great to see that Hidde took a generic approach to this as my data-showinoverlay approach is limited to only that one functionality.

Next to handlers, enhancers are also discussed.

Progressive enhancement with handlers and enhancers →

Elsewhere , , , Leave a comment

Game of Thrones Season 5: pre-season briefing

The fifth season of Game of Thrones starts on Sunday. The last time you saw any of these characters was a year ago. What were they up to? Here’s a quick tour of the map and character locations

Of course: huge spoiler alert if you haven’t seen the first four seasons yet.

Elsewhere , Leave a comment

WipEout WebGL Model Viewer


The track itself is stored in several distinct files. The most interesting of which are TRACK.TRV, containing raw vertices, and TRACK.TRF containing the track faces as quads of 4 index pointers into the vertices. Pretty straight forward.

Reverse Engineering WipEout →
WipEout Model Viewer, A WebGL Expiriment →

Elsewhere , , , Leave a comment

The Ingenious Design of the Aluminum Beverage Can

The aluminium beverage can is so ubiquitous that it is easy to take for granted. The next time you take a sip from one, consider the decades of ingenious design required to create this modern engineering marvel.

Elsewhere , Leave a comment

Mobile Development with a #devops mindset

Kick-ass presentation which Patrick Debois – the one and only – gave as a lecture to my students Web & Mobile Development. In the presentation he reflects on a recent high profile mobile app Small Town Heroes, the company he works at, launched:

This presentation shows how you can improve your mobile development cycle when you understand the devops feedback loop.

Elsewhere , , , Leave a comment

SQL joins are not difficult

Here’s how my colleagues and I explain it to our students. It’s really not that difficult:


Elsewhere , Leave a comment

Volvo LifePaint

The best way to survive a crash, is not to crash. LifePaint is a unique reflective safety spray. Invisible by daylight, it shines brightly in the glare of car headlights. Making the invisible, visible.

Volvo LifePaint →

Elsewhere , , Leave a comment