Archive for February, 2010

@font-face – Font Replacement Technology Pt 4

@font-face…

 
…is a CSS method for specifying and embedding online fonts for display purpose. It is both a relatively new and old technology as it is supported in IE 6+ and recently in Safari 3.2+, Firefox 3.5+ and Chrome 4.0.2+ and has been long awaited by developers since its arrival in 1998. Technically it is not actually a font replacement technology but rather a CSS rule, however you can actually replace a font face (such as 'Arial') using this technique.

FLIR – Font Replacement Technology Explained Pt 3

FLIR…

 
…stands for Facelift Image Replacement. It is also known as Facelift. The methodology of this is very similar to sIFR in that it uses JavaScript to replace text elements, but this uses 32 bit PNG images to replace text.

sIFR – Font Replacement Technology Explained Pt 2

sIFR…

 
…stands for scalable Inman Flash Replacement. It allows the designer to use the font of their choice by embedding it in Flash (SWF) and then, using JavaScript, hide the text of each selected HTML element and embed a SWF file that displays the text as their font family choice.

Font Replacement Technology Explained

Having spent the last couple of years studying and integrating Font Replacement technology and removing it and plugging it in again and configuring CSS values in 5 different browsers and chewing bits of rubber foam off my decrepit stress ball… I found it would be quite generous to relieve you, the blogger/web designer/web developer of causing any further harm to inanimate objects.

Read the rest of this entry

SEO: SEThis, SEThat & SEOther

Would you print a thousand flyers and then leave them in a cupboard? You’d probably tell me to stop being ridiculous, so why is it so different for a website?

We are frequently asked about Search Engine Optimisation and how to improve a website’s rank on the cheap or even for free. I’m of the belief that nothing is for free: it either costs time or money, and you can invest either into a good search engine marketing campaign. Similarly, you’d either snail-mail your flyers or stand on a street-corner handing them out; money or time.

To start off with, it might help to explain the difference between three keywords (see what I did there?): Search Engine Optimisation; Search Engine Marketing, and; Search Engine Hygiene. I only really want to concentrate on Hygiene for this blog, but here’s a little pre-amble for as yet unwritten blogs on the other two. Although they all do it differently, their unified role is to increase web traffic to your website. Read the rest of this entry

Web Design in Oxford

When I first picked up my web design mouse 14 years ago, here in Oxford, I think I made some subconscious decision to push my personality to one side and become the archetypal pseudo-geek; pushing pixels, typing raw code and generally creating some kind of artificial angst upon which to hang my virtual coat: My vision of what a Web Designer Should Be. This, I quickly realised, did not work well.

Read the rest of this entry