Apollo 17 in real-time

A real-time journey through the Apollo 17 mission. Relive every moment as it occurred in 1972. This is magnificent! It’s a timeshifted playback – with audio, photos, transcripts, etc. – of the events of Apollo 17, the last mission of the Apollo program which took us to the moon, exactly as they happened 43 years …

From Idea to App (or “How we roll at Small Town Heroes”)

Earlier this week I was invited to give a guestlecture to the students ICT at Odisee (my former employer, that’s correct), explaining the app development process, how we do certain things at Small Town Heroes, and how we implement QA throughout our process. You can check out the slides embedded below. You might recognize a …

ng-inspector – The AngularJS inspector pane for your browser

ng-inspector is a browser extension for Chrome, Safari and Firefox that adds an inspector pane to help you develop, debug and understand your AngularJS applications. Handy tool to see how exactly the scopes are nested and such. ng-inspector →

Full page transitions with jquery.smoothState.js

jquery.smoothState.js lets you add transitions to eliminate the hard cuts and white flashes of page loads that deface the beauty of the user experience. Works by hijacking links, requesting the target URL over XHR, and then replacing the content of a specified element on the current page with the contents of that same element from …

How to animate “box-shadow” with silky smooth performance

How do you animate the box-shadow property in CSS without causing re-paints on every frame, and heavily impacting the performance of your page? Short answer: you don’t. Animating a change of box-shadow will hurt performance. There’s an easy way of mimicking the same effect, however, with minimal re-paints, that should let your animations run at …

Finding the Right Color Palettes for Data Visualizations

While there are an increasing number of good color palettes out there, not all of them are applicable to charts and data visualizations. Our approach to visualization color palettes is to make natural gradients that vary in both hue and brightness. By doing this, our palettes are accessible by people who are color blind, obvious …