Clove Technologies, Inc. logo

Clove Technologies, Inc.

PHP / Javascript Demo Page

Headshot of Mike Howard
Headshot of Mike Howard

Herein lie various demonstrations of my mighty coding prowess. Well, however you want to think about it. Most of the stuff works.

General Philosophy:

After working on computers in various capacities for over 40 years [I find it hard to believe, but it's true] and having tried many things, I've come to some heart-wrenching conclusions:

All of the demos are not shown directly. Everything is displayed by a page which provides headers, footers, then runs the page and then exposes all of the code.

Prepare to be Amazed!!! [this is a hokey pseudo-animation using relative positioning - do a mouseover to see the grey line wiggle!]

PHP Demos

Most of this stuff comes from work over the past five or ten years and various books.

For a server, I usually roll my own apache and php from source and put them on a linux box. My impression is that 'out of the box' configurations for the popular Linux distributions are almost always a few versions behind the stable edge.

I prefer being on the stable edge, just safely behind the unstable one.

This stuff is pretty Raw at this point

Javascript Demos

This is what I plan - nothing is here yet. I'm putting the (so called) finishing touches on my data table editor. The non-Javascript version is working, but not the AJAXified one.

Stay Tuned

CSS Demos

Most of these demos are from a talk I gave in 2006 at the Desert Code Camp in Phoenix. I (naively) signed up to talk on Advance CSS, thinking that I knew something. After spending about a month reading and writing tests, I guess I did - but not what I would really call Advanced CSS.

Each of these demos shows the CSS at the top of the page, the HTML for the page, and finally the resulting display. I've used a lot of contrasting backgrounds to show the bounding boxes - which I found very interesting when examining floating.

CSS has some serious flaws - just as HTML did 10 years ago. It's going to be really interesting to see how CSS 3 deals with them.

abs-0.html abs-1.html abs-2.html abs-3.html
abs-4.html abs-5.html abs-6.html abs-7.html
abs-8.html box-1.html box-2.html box-3.html
box-4.html box-5.html class-tie.html display-test0.html
display-test1.html display-test2.html display-test3.html display-test4.html
float-test1.html float-test2.html float-test3.html float-test4.html
float-test5.html float-test6.html float-test7.html float-test8.html
ietest-1.html ietest-2.html ietest-3.html ietest-4.html
ietest-5.html ietest-6.html multi-column-hack-1.html multi-column-hack-2.html
multi-column-hack-3.html multi-column-hack.html rel-0.html rel-1.html
rel-2.html rel-3.html sel0-0.html sel0-1.html
sel0-2.html sel0-3.html sel0-4.html sel0-5.html
sel0-6.html sel1-1.html sel1-2.html sel1-3.html
sel1-4.html sel1-5.html sel1-6.html sel1-7.html
sel1-7a.html sel1-8.html sel2-1.html sel2-2.html
static-1.html static-2.html static-3.html