Whilst working on the MathDOJO mini game one of the neat little things I tried to do was implement a time meter which steadily counts down and changes colour (from green to yellow to glowing red) as it approaches 0: First, you need something to represent the meter, a simple <span> element will do: 1: …
Creating a count down meter with CSS3 and JQuery Read More »
I saw this tutorial the other day, it’s cool but I fancied taking it a step further and make it useful as an app rather than just a fancy way to show some structured data on the screen. Here’s a list of the features which I wanted to add: being able to edit the title …
Creating a sticky note app with HTML5, CSS3 and Javascript Read More »
In part 4, I put together the foundations for a mini shooting game, with targets moving on the screen and you can ‘hit’ them by clicking inside the targets, etc. etc. I promised an update to make it feel more like a game, so here it is! Adding a background The black background was more …
Following on from part 3 where we basically made a little app that lets you scribble with HTML5’s canvas element, let us push on and see what else we can achieve with the canvas element. The logical next step would be to made animations, and give you a way to interact with the animation. So …
Java vs C# As Jon Skeet pointed out in this excellent article on closures, the strategies of capturing the execution context which the behaviour is bound to different between Java and C#. C# captures the variable itself, whereas Java captures the value of the variable. To illustrate the difference, here’s Jon’s original example in C#: …
In my last post I explained the difference between the techniques of Currying and Partial Application, following on where there let me show you how you might apply these two techniques in F#, Javascript and C#. F# Starting with F#, being a functional language it makes currying and partial application dead easy (considering that they …
Currying and Partial Applications in F#, Javascript and C# Read More »
Recently I have come across some really interesting questions and debates around these two terms and how they differ from one another. There seems to be widespread confusions with many examples demonstrates one whilst intends another, and some simply uses the terms interchangeably. Whilst admittedly not being a function programming expert, I’ve spent a bit …
I saw this in last month’s .Net magazine and thought it was pretty cool and worthwhile sharing. Without giving away too much of the intricacies (seeing as this is not my own work), this technique essentially boils down to using Javascript to append a <span> element to mask over each of the links on the …
The other day I put up a post with some quick bullet points about objects in javascript to help someone from a static, strongly typed language (like C# or Java) background understand javascript’s dynamic and loose type system. One important thing I haven’t talked about yet is the way inheritance work in javascript, which again, …
Javascript’s prototypal inheritance, for a C# developer Read More »
Coming from a C# background, the thing that has struck me the most in learning javascript is its combination of dynamic and loose type system and protoypal inheritance model (more on this later). Objects in javascript are very different from those in C#, though the ExpandoObject type in C# 4 offers similar ability to add/remove …
By continuing to use the site, you agree to the use of cookies. more information
The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.