Main Menu Page
This menu links to all the examples on the site and gives a brief summary of the contents of the page. The navigational links on each page
can return you to this menu, take you back to the previous page or on to the next one in linear sequence.
Home page with multi-layer graphics used to produce a background pattern with a gradient running through it that resizes with the screen. Overlaying high and low bit-depth GIF images helps to minimise file sizes.
Total page size - 11.2KMulti-layer graphics used to simulate a complex banknote security background pattern - all in fun of course. Note: The publishers will not be held responsible for any damage you cause to your monitor.
Total page size - 12K
There are lots of filters for applying text effects to regular fonts but this page gives ideas and techniques for applying type effects to pixel fonts just using a graphics editor.
Total page size - 8.5K
An example of using transparent text over a gradient background. Uses a combination of JPEG and GIF images overlaid to give a sense of light falling across the page - like a torch under the bedclothes.
Total page size - 12.4K
When you use an animated GIF as a repeating background pattern showing through transparent type, the effect can be quite mind-blowing - or it might just make you feel sick. Don't look at this page on a full stomach!
Total page size - 17.4K
Static .SWF vector graphics combining illustration and typography. Shows how Flash offers the creative typographer more font choices and layout possibilities yet keeps files to realistic sizes.
Total page size - 20K
Have you ever wanted to see how a flying saucer works? Do they really spin like that? Do you even care? Here is a cutaway working drawing done in Illustrator and Flash and using pixel fonts to get crisp, small captions.
Total page size - 34K
An animated concrete poem using typography and time to deliver a stark message about urban development. Of course, if you are street-wise already, it could be applied to your graffiti too, just watch out for moving trains.
Total page size - 11.3K
Uses Cascading Style Sheets absolute positioning to provide multi-layer images and a navigation bar that always sticks to the bottom of the screen even when the browser is resized.
Total page size - 8.4K
Absolute positioning used to anchor navigational elements to the right-hand side of the screen and combined with JavaScript to give quick 'n' easily rollover effects. And there's some deep-thinking philosophy too.
Total page size - 11.3K
A simple example of the use of relative positioning in Cascading Style Sheets to build a fluid layout that stays centred in the browser window - if you have a symmetrical mind-set.
Total page size - 15.2K
A more complex use of relative positioning to provide multiple columns that float in the centre of the browser window - and a few notes about John Baskerville.
Total page size - 9.5K
Uses relative positioning and the z-index property of CSS to run text over the top of graphics. Over the top graphics has never been one of my specialities, it's just that Gill Sans is one of my favourite font and pink ... has its uses.
Total page size - 7.8K
Apart from some interesting facts about a 16th century type designer, here's a tip to help you fine-tune letter spacing when you are setting headlines and logos - without standing on your head.
Total page size - 7.8K
Total page size - 40.5K