Javascript

Javascript — string replace all without Regex

I have been work­ing with Node.js and Server­less heav­i­ly. It’s the first time I’ve real­ly spent seri­ous amount of time in Javascript, and I’m mak­ing plen­ty of begin­ner mis­takes and learn­ing lots. One pecu­liar thing I find in Javascript is that String.replace only replaces the first instance of the sub­string, unless you use a Regex. For­tu­nate­ly I …

Javascript — string replace all with­out RegexRead More »

Having fun with HTML5 – Simple painting app using Canvas

It feels like a lit­tle while since I last played around with the <can­vas> ele­ment, so I spent some time over the week­end and put togeth­er a sim­ple paint­ing app using the can­vas and here is the end result. Here’s some screen­shots:    Spray Tool One of the inter­est­ing things with this sim­ple paint­ing app …

Hav­ing fun with HTML5 – Sim­ple paint­ing app using Can­vasRead More »

Reactive Extensions for Javascript – Observable vs ConnectableObservable

For those of you who are famil­iar with Reac­tive Exten­sions you should know all about observ­ables already, but did you know that there’s anoth­er kind of observ­able sequence – Rx.ConnectableObservable. The dif­fer­ence between the two types of observ­able sequences is well explained here, in short, a con­nectable observ­able sequence allows you to share the same …

Reac­tive Exten­sions for Javascript – Observ­able vs Con­nectableOb­serv­ableRead More »

Reactive Extensions for Javascript – Causing side effects with Do

I wrote pre­vi­ous­ly about how you can set up mul­ti­ple observ­able sequences and sub­scribe to them with mul­ti­ple observers and cre­ate a many-to-many rela­tion­ship between them. Whilst this is a very flex­i­ble mod­el with a clear sep­a­ra­tion of respon­si­bil­i­ties, often it requires more work to set up and is more than what you need for …

Reac­tive Exten­sions for Javascript – Caus­ing side effects with DoRead More »

Reactive Extensions for Javascript – Wikipedia lookup demo

Matthew Pod­wysoc­ki post­ed a cou­ple of very good arti­cles on RxJS on codebetter.com and amongst them was a sim­ple demo to do a look up on wikipedia using their open API: Intro­duc­tion to the Reac­tive Exten­sions for JavaScript – Wikipedia Lookup Unfor­tu­nate­ly, there wasn’t a live demo you can play around with and see it …

Reac­tive Exten­sions for Javascript – Wikipedia lookup demoRead More »

Reactive Extensions for Javascript – Multiple observers for multiple observables

One of the great things about the Reac­tive Exten­sions for Javascript is that you can eas­i­ly cre­ate a many-to-many rela­tion­ship between observ­able sequences of val­ues and observers who han­dles the arrival of new val­ues. You should have a read of these cou­ple of posts first: Intro­duc­tion to the Reac­tive Exten­sions for Javascript – Cre­at­ing Observ­ables …

Reac­tive Exten­sions for Javascript – Mul­ti­ple observers for mul­ti­ple observ­ablesRead More »

Drag and Drop using Reactive Extensions for Javascript

Been a while since I’ve been mean­ing to check out Reac­tive Exten­sions for Javascript, I have been using the .Net ver­sion for a while now and blogged about some of the cool things you can do with the .Net ver­sion. Although there are many sources where you can learn about it from they don’t have …

Drag and Drop using Reac­tive Exten­sions for JavascriptRead More »

Test your maths skills at the MathDOJO!

Anoth­er pro­duc­tive week­end bares fruit for anoth­er mini game! This time I’ve put togeth­er a dojo-themed mini game whose sole pur­pose is to test your abil­i­ty to do sim­ple (well, most­ly) arith­metic cal­cu­la­tions in your head and your tol­er­ance for my sense of humour (which is not so bad I hope ;-) ). Screen­shots Here’s …

Test your maths skills at the Math­DO­JO!Read More »

Creating a count down meter with CSS3 and JQuery

Whilst work­ing on the Math­DO­JO mini game one of the neat lit­tle things I tried to do was imple­ment a time meter which steadi­ly counts down and changes colour (from green to yel­low to glow­ing red) as it approach­es 0: First, you need some­thing to rep­re­sent the meter, a sim­ple <span> ele­ment will do: 1: …

Cre­at­ing a count down meter with CSS3 and JQueryRead 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