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

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

jQuery



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.

Eklog

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

Data - the sacred cow 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

spam 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

2001adIf 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 »