startshape realStart rule realStart { start { x 2 } } background { b -1 } rule start { terminal4 { r 12 } } rule start { terminal1 { r 12 } } rule start { terminal4 { r 12 } } rule start { terminal4 { r 12 } } rule start .05 { terminal2 { r 12 } } rule terminal4 { SQUARE { b 0.50 s .055 sat 0.40 hue 95 } SQUARE { b 1 s .055 a -.8 } train { x .06 } train { r 90 y .06 } train { r 180 x -.06 } train { r 270 y -.06 } } rule terminal2 2 { SQUARE { b 1 s .055 a -.85 } train { r 90 y .06 } train { r 270 y -.06 } } rule terminal2 1 { SQUARE { b 1 s .055 a -.8 } train { x .06 } train { r 90 y .06 } } rule terminal2 1 { SQUARE { b 1 s .055 a -.85 } train { x.06 } train { r 270 y -.06 } } rule terminal1 { CIRCLE { b 1 s .055 a -.9 } train { r 90 y .06 } } rule terminal1 { CIRCLE { b 1 s .055 a -.9 } train { r -90 y -.06 } } rule train 1 { CIRCLE { b 1 s .045 a -.9 } train { x .06 } } rule train 2 { terminal1 { } } rule train .02 { terminal2 { } } rule train .005 { terminal4 { } } rule train .03 { CIRCLE { b 1 s .03 a -.9 r -95 } }

Keith's Blog

A teen's .net musings

Algorithm Ink and Zoomooz

Posted on April 3, 2011 at 8:21 PM

The other day I went to my site and realized that it looks awful. Ok, maybe not awful, but it definitely needed some improvements. So, I have decided to completely rewrite it in my own code. This means learning html again, using cool libraries and finding what the heck this blog engine does to my posts and how to make that presentable. I hope I have success, but I do know that it will be fun and I will learn some things regardless ( maybe not to mess with html ). Wish me luck.

One of the many libraries that I am thinking about using is called Contextfree.js. This little gem was written by Aza Raskin as a port for context free to javascript. The idea is that you write code in a special language which is then translated into recursive drawing algorithms for the system to use in the new html 5 canvas object. I hope to use this as my background, but I have not completely decided yet. I was looking into this and found that the main place that has used it effectively was the Algorithm Ink site made by Aza. He is the kind of guy that figures samples are the apps he makes, so I had to go into the code of his applet and try to figure out how to use it. It was a bit gnarly, but I think I will be able to grasp as much as I need.

Another library is the Zoomooz library. This little script makes every dom object zoomable.

Let me explain. The idea is that the internet is becoming a playground of many hundreds of different devices and the pages need to get updated to fit the bill for a more tactile experience. The guys that created Zoomooz decided that the solution to this problem was to make the page visually zoom in to the objects on the page, making it so that the page can hold more and be usable in many different places. Brilliant right! Anyway I have decided to use it in my new theme as the main nav system. Hope it works.