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 …
As I go through the HTML5 spec, I find some useful new feature just about everywhere, and the new contenteditable attribute is certainly one of those. It’s supported by most elements and provides a simple and yet effective way for you to allow the users to edit user contents (blog posts for instance) inline as …
Having fun with HTML5 – contenteditable attribute Read More »
HTML5 includes two new ways to store data on the client – local storage and session storage. Local storage has no time limit on how long the data should be kept around, session storage on the other hand (as the name suggests) stores data for only one session. Traditionally you can store data on the …
Having fun with HTML5 – Local Storage and Session Storage Read More »
CSS3 introduces a useful little property called box-shadow, which as the name suggests adds a shadow to an element. Simple box shadow You can create a basic box shadow like this: This casts a shadow with an X-offset of 10 pixels and a Y-offset of 20 pixels: You can equally use negative values for the …
Besides the much talked about video tag, HTML5 also introduced a couple of new input types, one of which is a rather interesting range input type which basically translates to a slider bar control: The range input type is currently supported by the latest versions of Safari, Chrome and Opera while other browsers such as …
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.