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 …
Following on from part 2 where I wrote a simple page with a canvas area where you can scribble, I thought I’d add a couple of new features: ability to show the image as PNG image so user can save it change the line cap change the line join change the shadow settings (colour, offset, …
This is a neat trick I picked up the other day, you can create a dynamic class which takes in a set of properties in the constructor and dynamically generates Accessor and/or Mutation methods (you just have to choose which lines to leave out): In your calling code, you can then create a new class …
Javascript – Dynamically generating Accessor and Mutation methods Read More »
In C# and other similar general purpose languages, there are access modifiers which allow you to specify whether a particular property can be accessed/modified by everyone (public), only subclasses (protected) or only from within the same class (private). In these languages, creating an immutable type usually involves: making all properties publicly gettable making all properties …
Earlier I explored some of the basic drawing methods available on the 2D context of the new canvas element in HTML5, moving on from there, I’ve put together another quick demo here (see image below) which lets the user scribble inside the canvas element. HTML The HTML for the page is simple enough, the key …
General wtfjs – all the WTF language features associated with javascript! Guide to OO basics of javascript Node.js nodejs.org – home for Node.js npm – a repository for Node.js modules express – web server framework for Node.js dropbox-node – node.js client for working with the Dropbox API hummingbird – real-time (20 updates per second) …
One of the cool new features introduced by HTML5 is the new <canvas> tag, which defines an area for you to draw graphics on using javascript. Basics To create a canvas element is as easy as inserting a <canvas> tag like this: Typically you will give it an ID as you will need to look …
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.