Labs
Here are a few experiments with web technologies that I have compiled over the years. Some of these techniques I use on a daily basis, others may or may not ever be useful.
Some of these labs are my own creation, others are based or borrowed from things i've read or seen elsewhere. Where possible i have credited these original sources, although if you spot anything that isn't please let me know.
If there is anything here that is useful, please feel free to take them and modify them in any way you see fit. If you have any feedback, please let me know.
Boris: Localhost Browser
Boris is a PHP-based localhost browser that allows you to quickly browse through your local projects.
JS Copter with Javascript and Canvas
An attempt to recreate the classic flash 'copter' game using Javascript and canvas
PHP File/Folder Deleter
A simple PHP script that allows the easy deletion of files and folders within a directory
Javascript tweening boxes
Experiments with a Javascript tweening class that allows smooth scrolling of html elements
Javascript grid overlay
A handy javascript tool allowing you to overlay a grid or graphic to check pixel perfection across browsers
Playing with Canvas - Pie Timer
A small experiment to test the basic animation potential of canvas, and potentially create a working visual timer system.
Horizontal Navigation List
A quick way to turn an unordered list of links into horizontal navigation.
CSS Coding Standards
An overview of the way I tend to structure my CSS files for a typical site build.
HTML Coding Standards
A brief description of how I tend to structure the HTML code for the majority of projects.
Javascript Cookies
The script I tend to use when dealing with cookies. There are plenty out there, but this offers a couple of extra functions you don't always find.
HTML forms - default text filler
A useful function to expand the functionality of a standard html form by auto-filling and removing default text from a text field.
HTML forms - Select all checkbox
A javascript snippet that allows you to use a 'select all' checkbox to automatically fill multiple form elements