Javascript

Having fun with HTML5 – Simple painting app using Canvas

It feels like a little while since I last played around with the <canvas> element, so I spent some time over the weekend and put together a simple painting app using the canvas and here is the end result. Here’s some screenshots:    Spray Tool One of the interesting things with this simple painting app …

Having fun with HTML5 – Simple painting app using Canvas Read More »

Reactive Extensions for Javascript – Observable vs ConnectableObservable

For those of you who are familiar with Reactive Extensions you should know all about observables already, but did you know that there’s another kind of observable sequence – Rx.ConnectableObservable. The difference between the two types of observable sequences is well explained here, in short, a connectable observable sequence allows you to share the same …

Reactive Extensions for Javascript – Observable vs ConnectableObservable Read More »

Reactive Extensions for Javascript – Causing side effects with Do

I wrote previously about how you can set up multiple observable sequences and subscribe to them with multiple observers and create a many-to-many relationship between them. Whilst this is a very flexible model with a clear separation of responsibilities, often it requires more work to set up and is more than what you need for …

Reactive Extensions for Javascript – Causing side effects with Do Read More »

Reactive Extensions for Javascript – Wikipedia lookup demo

Matthew Podwysocki posted a couple of very good articles on RxJS on codebetter.com and amongst them was a simple demo to do a look up on wikipedia using their open API: Introduction to the Reactive Extensions for JavaScript – Wikipedia Lookup Unfortunately, there wasn’t a live demo you can play around with and see it …

Reactive Extensions for Javascript – Wikipedia lookup demo Read More »

Reactive Extensions for Javascript – Multiple observers for multiple observables

One of the great things about the Reactive Extensions for Javascript is that you can easily create a many-to-many relationship between observable sequences of values and observers who handles the arrival of new values. You should have a read of these couple of posts first: Introduction to the Reactive Extensions for Javascript – Creating Observables …

Reactive Extensions for Javascript – Multiple observers for multiple observables Read More »

Drag and Drop using Reactive Extensions for Javascript

Been a while since I’ve been meaning to check out Reactive Extensions for Javascript, I have been using the .Net version for a while now and blogged about some of the cool things you can do with the .Net version. Although there are many sources where you can learn about it from they don’t have …

Drag and Drop using Reactive Extensions for Javascript Read More »

Test your maths skills at the MathDOJO!

Another productive weekend bares fruit for another mini game! This time I’ve put together a dojo-themed mini game whose sole purpose is to test your ability to do simple (well, mostly) arithmetic calculations in your head and your tolerance for my sense of humour (which is not so bad I hope ;-) ). Screenshots Here’s …

Test your maths skills at the MathDOJO! Read More »

Creating a count down meter with CSS3 and JQuery

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 »

Creating a sticky note app with HTML5, CSS3 and Javascript

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 »

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.

Close