Archive for the ‘ Education ’ Category

Seven Cornerstones, part 1: Purpose

Although it seems utterly obvious, you would be stunned by the number of web design projects that are started without any agreement on their eventual purpose. Imagine commissioning an architect to design your house but failing to tell them you mean to incorporate a café at some point in the future.
Often, the reasons for this stem from basic human emotions: Clients often don't know how or why say, a website, can actually benefit them and can be afraid to ask. It is the developer's responsibility to make sure the client is educated to the point of being able to make informed decisions. This isn't about applying a pre-conceived notion to the project, it's about working with the client to understand their needs. Sometimes, this process can take five minutes, occasionally it can take weeks. The point is, the client needs to feel absolutely comfortable about how they are going to move forward. Read the rest of this entry

Commissioning a web design project (or any digital media project for that matter) can be a pretty daunting exercise, especially for the uninitiated.  Getting what you actually need out of the project at the end can be even harder. Why? It's a lot like building a house except that it is pretty easy to test whether a builder or architect knows what they are doing. How do you know what to test for in a digital media project? Read the rest of this entry

Summary – Font Replacement Technology Pt 5

All three of the technologies I have mentioned (sIFR, FLIR and @font-face) have their own place as far as production and design are concerned. sIFR might be considered the lesser of the three, with its lack of CSS inbuilt CSS integration and its dependence on a technology that seems a little unnecessary for static components. Read the rest of this entry

@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