Projects I did as a freelancer
Web platform for Sanoma Media. A state of the art JavaScript/HTML5 app running on Python/Django, developed together with Django experts Goeie Jongens, web agency DLVR and the freelancers Yvonne de Meij van Streefkerk, Jasper Fassaert, Sascha Spijker and Florus van Beek.
We wrote a lean and mean event driven widget communication framework, a JSON/REST based “Data Island” system that provides lightweight “databases” in the browser, syncing with the backend JSON storage. The UI features smooth animations, impressive widgets and a true web app feel. We created development tooling that made the whole team (business included) happy and more productive. We used jQuery, modernizr, @font-face, and a lot of custom JavaScript.
Rewrote the EditieNL website in a team of Front End developers at RTL, integrating with a Roxen CMS using XSLT. Worked together with the people of RTL, freelance .NET specialist and frontender Bas Zurburg and freelance project manager Saskia Groenheijde.
Codebase very similar to that of RTLZ. Used my own lightweight jQuery; the im.js library. Used several custom frameworks for the browser and some command line tooling (bash/python/node.js).
Rewrote the high-traffic RTLZ website in a team of Front End developers at RTL, integrating with a Roxen CMS using XSLT. Worked together with the people of RTL and freelance project manager Saskia Groenheijde.
I wrote my own lightweight jQuery; the im.js library. Wrote several custom frameworks for the browser and some command line tooling (bash/python/node.js).
A multilingual Django based shop and blog. Did graphical design, interaction design, Django Back End development and Front End development.
Being basically a “one man show”, I created a beautiful Django based web shop including internationalization, shop/checkout, blog and CMS. The Front End required rather advanced CSS techniques. I used Cufon for font faces and jQuery for other widgets and other UX enhancements.
Techniques I used include:
I hosted the site on a separate VPS running Ubuntu Linux, where I configured memcached, apache-mpm and mod_wsgi running in daemon mode.
Created HTML/CSS templates and JavaScript based UI widgets, so the .NET specialists of Mirabeau could make a real website of it. A short but fun assignment where I could focus on clean markup and solid JavaScript.
Created easy to integrate templates based on a customary made Django based templating and code generation framework. Made an ultra high performance JavaScript carousel that does 100+ pictures (with animations) smoothly on Internet Explorer and jQuery for everything else.
Demos and technical experiments.
Demonstrates simple HTML5 form validation, including basic setup for
powerful custom form validation.
Using Twitter Bootstrap for easy form styling, and my own fork of jquery.f5.js, that can be found on github as well.
Works for IE7+, Safari/Chome/Firefox.
NGEN is a technology demo using HTML5 Canvas. The application demonstrates a basic rendering engine with rotate, zoom, pan, entity selection and more.
NGEN implements a 'virtual' world with entities that can be connected with each other, as defined by a JSON dataset. Each entity has it's own properties that can be inspected by clicking on it. The app keeps a history of selected items and allows the user to rotate, pan and zoom the scene gracefully.
Functional features are selection of entities, back/forward selection. dragging of entities. zoom, rotate, pan of the scene, filter/search for entities and dynamic entity layout.
Technical features are dynamic entity layout, only rendering objects that are in view, using multiple Canvas elements (layers), freezing layers for performance, entity API and accurate object finder by mouse x/y using HTML controls with Canvas.
Demonstration of a super fast carousel (jQuery). It animates efficiently, not bothered much by an increase of DOM nodes.
Open source projects, past and present
General purpose JavaScript utility functions. Very small library that I like to use in my own JavaScript projects, with some cool functions such as expand and iter.
My own fast, lightweight jQuery-like JavaScript library built
for developer productivity and personal education.
