Occasionally you'll be working on a webserver and not have SSH access to it. Below is a simple script I've written that reads a server log (in this case the error log) and outputs a portion of it to a webpage.

Obviously in a production environment you'd want to add some sort of password protection to such a script.

/* Pete Graham */

One way to get around this is to use a clever technique which I discovered over at SpamSpan.com. Instead of entering your email like a normal hyperlink use the code below:

A nifty piece of Javascript is then used to convert this html into a normal mailto hyperlink. Spam bots don't have Javascript enabled so wont register the link. If a visitor to your site have Javascript disabled they will see the link in the form below:
petegraham [at] domain-name.com (Pete's Email Address)

# Pete Graham

Here's a little trick that I like to add into my .vimrc file:

This will let you escape insert mode by pressing shift and space and enter insert mode by pressing space.

/* Pete Graham */

My preferred browser of choice is Firefox but working in Web Development I often need to test website across a range of different browser, hence the need to use IE7. So far I have found no way of disabling this infuriating sound! Tortoise SVN is another offending program, there's nothing worst than having listening to some music interrupted with the 'Conflicting Files' sound!

If anyone finds any way of disabling the IE7 noise let me know and you will be my Hero for a whole day!

# Pete Graham

Now this technique is fairly straightforward, but you need to make sure you get the HTTP Headers correct for it to run smoothly. Here’s the code:

I will be writing a follow up article in the future that shows how this technique can be improvement using Apache's mod-rewrite to provide cleaner URLs for file downloads.

Note: The regular expression on line 42 will make files normally associated with the browser (images, webpages, etc) open inside the browser. If you want to get the “open/save” download prompt for all types of files then comment out this line.

Note: Make sure you use: “Content-Type: image/jpeg” for JPGs, IE doesn’t seems to like “Content-Type: image/jpg”

# Pete Graham

I think his points are particularly relevant as we move into an age where many traditional desktop apps are being converted to web applications. I see an increasing trend in web applications of people trying to recreate desktop applications like interfaces in a browser-based setting. Aza urges us to rethink what we know about computer interfaces and to come up with exciting and innovative alternatives.

Traditional applications have had more and more functionality added to them to an extent that they have become “a portmanteau of all possible features”, again it is worrying that many of today’s successful web apps could suffer the same fate. The speaker encourages open APIs and Mash-ups as an alternative and a may to combine applications without having to switch between multiple programs/services.

One of the most interesting parts of the talk for me is when the speaker demos some systems that he's been developing himself, one is a command-line interface for launching applications that uses almost real language commands and auto-complete. The other is an interesting zoomable desktop, which is much more work orientated than the traditional model, it also centres around the concept of “content as content”.

At nearly an hour and a half the video is quite long but I found it extremely interesting, the speaker also looks a bit like Rick Moranis of “Honey I shrunk the kids” fame, which has got to be a good thing.

# Pete Graham

Here's a bit of code you can test it on:

The above code will output 'first index = banana'.

/* Pete Graham */

One thing that I find extremely useful is using an init function to call other functions when the page has loaded. I have been using the nifty function below:

I save this function in a file called init.js which is then included in my HTML pages using:

Functions can then be initialised by including the following in the HTML:

The above code is inline JavaScript which is often seen as being naughty, obviously you can save the same code to a separate file and include that instead.

I originally saw this technique here. Alternative JS initialisation scripts are available but so far this one has worked well for me, so I’ll be sticking with it.

# Pete Graham

To break down whats happening above:

• : switches Vim into command mode
• % means we're going to apply this command to every line in our file
• s means we're using the substitute command. The format of the command is s/search/replacement, 'search' can be a regular expression
• $ tells vim to search for the end of the line
• \rthis is a new line tells vim to replace with a new line character, and to put the text "this is a new line" on that line.

NOTE: \r is used as the new line character when vim is using DOS file format, to find out which file format you are using type :set ff? You can find out more about Vim file formats here.

#Pete Graham

# Pete Graham