COENDEBRUIJN.NL

wonderolie.nl

3D | Front-end developer /

http://www.wonderolie.nl/category/3d

Audio visualisation with WebGL and webkitAudioContext. March 11, 2013. Get the source at Github For a while I wanted to experiment with audio visualisation in the browser, with the new functionality in Chrome. My graduation project concerned the other way around, namely the sonification of the dom of any webpage. To create this demo I mainly used, some html5rocks info Example Check the “chrome… Read more ». August 24, 2009.

wonderolie.nl

WONDEROLIE - Interactive designer, Front-end, Flash, Flex, jQuery, Silverlight - Part 7

http://www.wonderolie.nl/page/7

Nodejs on Windows part 1: simple introduction. November 11, 2011. For a couple of months I was intrigued by node.js, but i couldn’t find any simple guides to start with node on windows. It turns out it is actually very simple to start learning node.js on windows. To start you need 4 things. The windows node server, nodejs.exe download at http:/ nodejs.org. A hello world node script ( example.js ). A command promt, set at the same locations as the script en node server. And of course a browser. A pleasant...

wonderolie.nl

flash | Front-end developer /

http://www.wonderolie.nl/category/flash

May 4, 2010. It seems to be that ExternalInterface will not work if the flash file is referenced with jQuery. Which is odd because the jQuery wil translate to the javascript function getElementById. However the following code gave javascript errors that the function send2Flash could not be found. if( $(“#debaak”).length 0 ) { $(“#debaak”).send2Flash(str); } After discussing… Read more ». Image Carousel: Jquery vs. Flash. March 21, 2010.

wonderolie.nl

Espruino Pico received | Front-end developer /

http://www.wonderolie.nl/2015/espruino-pico-received

April 15, 2015. I was awaiting it for some time, until yesterday. It is amazing easy to play with hardware with espruino. It is easy to transfer my daily web workflow onto hardware. Still lots of thing to learn, hence I feel the the learning curve of Espruino is a very rewarding one ;-). See below for my first very small tinkering project with the Espruino Pico. Controlling servo with distance sensor. 30){ servo.move(1, 500); } }); setInterval(function() { / send pulse sensor.trigger(); }, 500);.

wonderolie.nl

CSS | Front-end developer /

http://www.wonderolie.nl/category/css

April 14, 2016. 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 ». SVG viewbox, make stretchable graphics. October 18, 2013.

wonderolie.nl

WONDEROLIE - Interactive designer, Front-end, Flash, Flex, jQuery, Silverlight - Part 3

http://www.wonderolie.nl/page/3

April 15, 2015. I was awaiting it for some time, until yesterday. It is amazing easy to play with hardware with espruino. It is easy to transfer my daily web workflow onto hardware. Still lots of thing to learn, hence I feel the the learning curve of Espruino is a very rewarding one ;-). See below for my first very small tinkering project with the Espruino Pico. Controlling servo with distance sensor. 30){ servo.move(1, 500); } }); setInterval(function() { / send pulse sensor.trigger(); }, 500);. The boo...

wonderolie.nl

WONDEROLIE - Interactive designer, Front-end, Flash, Flex, jQuery, Silverlight - Part 4

http://www.wonderolie.nl/page/4

SVG viewbox, make stretchable graphics. October 18, 2013. Get the source at Github. I struggled with SVG, creating an early protoype of a mobile webapp. I wanted to create an interesting background for the webapp. It needs to be resolution independent and scalable without quality loss, SVG seems the best choice because of the vectors. Secondly make sure the svg element has the folowing style:. Position: absolute; width: 100%; height: 100%;. Example : desired results. X="0px" y="0px" width="100%" height="...

wonderolie.nl

graduation | Front-end developer /

http://www.wonderolie.nl/category/graduation

March 9, 2010. After a tough year I finished my graduation project . The result is a browser which translates html and style properties into sounds. Unfortunately it is not possible to make the current application webbased. A lot of research needs to be done to increase the accuracy of the sonification of the web. In the future… Read more ». OpenSoundControl list from Processing to Max/MSP. September 29, 2009.

wonderolie.nl

JavaScript | Front-end developer /

http://www.wonderolie.nl/category/javascript

June 25, 2016. 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 ». React (Redux) Github Browser. February 28, 2016.