< Pete Goodman Web developer >
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.
There is plenty more on github
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.
Mac PHP/JS Spotify Remote Control - Spotimote
Control Spotify remotely from a phone or browser
CSS3 Scale and Translate 3d
Using CSS3 transform properties scale and translate to move and zoom around HTML elements
Tweet Munger
Translate (mung) tweets from a specific user account through several languages and back, then re-tweet from a new account.
Tweet Munger - Custom Translations
Translate (mung) tweets from a specific user account through a custom set of translations, then re-tweet from a new account.
Javascript Canvas Letters Banner
Scrolling pixel letters created with JavaScript and canvas
Responsive Astronomy Picture of the Day
A responsive (mobile-optimised) version of the Astronomy Picture of the Day web page
Ghetto blaster - a PHP/JavaScript soundboard
A simple soundboard that can be accessed through any web browser, which allows anyone to play a sound clip or synthesised speech through a capable web server.
XVMB: XVMB Vault of Marketing Bollocks
A site that features some of the 'best' bits of marketing bollocks that we've experienced in recent years.
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