Simple canvas game

Posted by & filed under JavaScript, web developing.

Sometimes it can be difficult, for beginning developers to grasp the inner mechanics of a simple game. To help people understanding i created a very simple starting point for a canvas based game. The code You can download the code in this repo https://github.com/jeroenoliemans/canvasletter After downloading you can run “npm install” to install the dependencies… Read more »

Collapsible Table module

Posted by & filed under html, JavaScript, web developing.

Last week I was given the task to create a collapsible datatable, which confronted me with some oddities in the dom which I wasn’t aware of. Get the example at github-collapsible-table I had given myself the following requirements The code needs to be extensible The table should be just a table, no extra markup It… Read more »

Less Breakpoints

Posted by & filed under CSS, html, web developing.

The web is getting more diverse and websites needs to be more adaptable than ever. In my opinion it is necessary to reduce breakpoints and let the content decide and define the layout of webpages. I created a very simple fluid layout, with new css technologies, just to see if a fluid page is already… Read more »

React (Redux) Github Browser

Posted by & filed under JavaScript, web developing.

After reading the documentation and having watched some of the excellent egghead.io videos about redux I wanted to create something to get a deeper understanding. My main goal was to create a simple application, with some sort of API connection. To keep it simple (read no authentication), I chose for the github connection. Result The… Read more »

Message queue class

Posted by & filed under JavaScript, web developing.

Recently at work I needed to implement a message queue. I like the pattern and I think I will need it more often in the future. I recreated the message queue with a class for personal reference and study purposes. I absolutely like some of the new features: for example proper ‘this’ binding with the… Read more »