Archive for the ‘Code’ Category

Node.js

Recently I’ve fallen in love with node.js a web server written in JavaScript. Ok it’s not really a web server, it makes IO functions available to JavaScript code in a completely non-blocking way! What does that mean? It means it’s incredibly fast. Yeah ok, how fast is incredibly fast I hear you saying. Right now [...]

  • Share/Bookmark
Read the rest of this entry »

Star Rating Plugin for jQuery

$(document).ready(function(){ //Turn all the select boxes into rating controls $(“.rating”).rating(); //Show that we can bind on the select box $(“#serialStar2″).bind(“change”, function(){ $(‘#serialString2′).text( $(‘#serialStar2′).serialize() ); }); }); What An easy to use rating control. It takes a normal select box, and turns it into a rating that your users can click on. The select box is [...]

  • Share/Bookmark
Read the rest of this entry »

Javascript, jQuery, Scope, and this

I want to talk a little bit about scope. Normally, scope is an easy concept, but there are a few little twists and turns in Javascript that make scope more complicated than it would seam. First, some basics.

  • Share/Bookmark
Read the rest of this entry »

jQuery serializeForm

What: A plugin for jQuery that makes serializing input elements easy. Once serialized you can send the elements back to the server with AJAX. Why: There is a big problem with jQuery’s built in $.serialize() method. It only uses the input elements name attribute. In practice I found that the name attribute is rarely used, [...]

  • Share/Bookmark
Read the rest of this entry »

Canvas 7, Saving and Loading

The last version of my Canvas app let you pick different brushes and draw on the grid. If you played around with the line brush you might have noticed a small bug. The line erases everything it passes over.  This is because the line has no idea what the image was supposed to look like [...]

  • Share/Bookmark
Read the rest of this entry »

Canvas Part 5

This time I’ve taking the actual drawing out of the canvas object so we can have different brushes. I’ve also included a bit of code to get the color from the current cell and compare it with a hex color.

  • Share/Bookmark
Read the rest of this entry »

Python, Evolving, Learning

I’ve always been interested in the idea of software that evolves on it’s own; software that can write itself. I’ve come up with all sorts of ways this can happen, from neurons to dynamic methods, to my latest effort, a sudo assembly language. Note: I’m not trying to replicate or create an actually assembly language. [...]

  • Share/Bookmark
Read the rest of this entry »

Canvas Part 4

If you’ve played around with the demos, then you might have noticed a little bug. If you click down in one square and let the mouse up in another square, the square you clicked down in will stay green. I haven’t addressed this issue in earlier examples because it’s not actually a bug. What I [...]

  • Share/Bookmark
Read the rest of this entry »

Canvas Grid Part 3

Last time we managed to create a very simple grid and change colors when you clicked on a cell. But, being a first attempt the grid wasn’t flexible and it had a lot of duplicated code. In this post we are going to improve it.

  • Share/Bookmark
Read the rest of this entry »

Drawing a Grid on Canvas

I’m going to need a Grid, so let’s start with a simple grid. A 2 by 2 grid will work just fine. There’s three ways to draw the grid, one is to draw filled rectangles, another is to just draw the outlines of the rectangles, and finally we could just draw a few lines. It [...]

  • Share/Bookmark
Read the rest of this entry »