Jun 11
Here’s some CSS buttons.
These will stretch to fit any amount of text – even if it gets so large it becomes a banner.
They use just one image – and have a ‘web 2.0′ sheen.
They have an icon (which can be positioned to the left or right)
They have a hover state – the text and the background colour can change.
Continue reading »
Jun 07
Here’s how to load images from any server using a simple XML files. Useful for giving clients or affiliates access to updating sites without changing the main code.
See it in action at: Loading images with XML & jQuery
Continue reading »
May 22
I’ve put together a fuzzy felt page. It uses Drag-Drop JavaScript and database logging of an item’s position. It’s an adaption of Broken Notebook’s magnetic ajax. Go have a play!

Fuzzy Felt on line
May 12
Here’s some tags. They stretch to fit the text and change state on hover:
Here’s the code and image:
Continue reading »
May 11

I’ve created a presentation about unobtrusive jQuery.
Contents:
- Progressive CSS
- Progressive JavaScripting
- Unobtrustive JavaScript
- Understand browsers and users
- Event Delegation
- Relationships
- Maintenance
- JQuery
- JQuery & XML
Here’s a download link: Behavioral separation and jQuery
Apr 27
I’ve created a frame for browser shots – it’s the safari browser. All screenshots have to be 300px wide.
Here’s a link to the pre-sliced Photoshop image: mac_browser_sml.psd
Add some extra padding to the bottom and a reflection to the bottom of the browser frame to get that web 2.0 look.
Here’s the CSS
Continue reading »
Feb 19
As defined by the Business Dictionary, relationship marketing is, “Promotional and selling activities aimed at developing and managing trusting and long-term relationships with larger customers. Customer profile, buying patterns, and history of contacts is maintained in a sales database…”
What’s happened to Relationship Marketing? Has it gone out of fashion?
Continue reading »
Jan 28
swfobject is a great tool for serving flash in a standards-based, accessible way.
Version 2.1 is available at google code – here’s the link: code.google.com/p/swfobject/
Main Advantages:
- It’s more optimized and flexible than any other Flash Player embed method around.
- It uses unobtrusive JavaScript.
- It offers a standards-based, accessible way to serve flash.
- It allows you to avoid click-to-activate mechanisms to activate active content in Internet Explorer 6/7 and Opera 9+.
There are two publishing methods: static publishing method & dynamic publishing method.
Continue reading »
Jan 23
I’ve created a presentation about HTML emails.
Contents:
- Design tips
- Photoshop/Image software tips
- Coding tips
- coding examples
- Structure
- Styling for a variety of email clients
- Rendering bug fixing
- Email delivery software
- Testing
- Examples of newsletters: Evans, Miss Selfridge, BHS, House of Fraiser, ASOS, M&S
Here’s a download link: HTML Email development
Jan 03
If the last 50,000 years of man’s existence were divided into lifetimes of approximately 62 years each, there have been about 800. Of these 800, fully 650 were spent in caves. Only during the last 70 has it been possible to communicate effectively from one life time to another – as writing made it possible to do. Only during the last 6 lifetimes did masses of men ever see a printed word. Only during the last 4 has it been possible to measure time with any precision. Only during the last 2 has anyone anywhere ever used an electric motor. And the overwhelming majority of all the material goods we use in daily life have been developed within the present 800th lifetime.
[Alvin Toffler - 1970]
Continue reading »