Advertisement
Promo

Become a member of the ZDNet UK community

Jake Rayson

View blog's RSS Feed

Web design & FOSS

Front-end web technologies and Free Open Source Software.

Wednesday 17 December 2008, 11:01 AM

It's all an illusion...

Posted by Jake Rayson

I'm in the process of building a simple web site for Rob at Waste Utilities. Whilst in the midst of building, I was struck by the sleight of hand illusionist principles employed -- a drop shadow here, a fading in there. It's quite a simple design, based on Blogger (it was my experiment to see how the eminent Douglas Bowman created the design, idolatry rather than mimicry ;)

So, here is a step-by-step account of how it's all done. No doubt I'll be kicked out of the Magic Circle of Web Designers...

1. The Background

01 Body background

2. The Header Wrapper Background

02 The header wrapper background

3. The Header Background

03 The header background

4. The Header Branding

04 Header branding

5. The Global Navigation

05 Global navigation

6. The Content

06 Content

Apologies for the un-anti-aliased text; I have it that way so that I can clearly read the tiny programming font that I use :)


Comments on this post

Jake Rayson

This member is ranked #3 in our top 100

  • Jake Rayson
  • Web / Multimedia Developer, North Kent
  • Member since: November 2006

Site Activity Rating 6

CoreTechs

Contacts' Latest Discussions

Number of Tracked Discussions: 2,321

ator1940 ator1940

Personal Financial Management Software...

Wednesday 9 December 2009, 10:00 AM

3 comments

Contacts' Latest Blogs

Number of Contacts Blogs: 8

Avatar Adrian Bridgwater

The Sun Java EE Also Rises

Tuesday 8 December 2009, 11:00 AM

0 comments
Avatar Karen Friar

HP workers set dates for strikes

Thursday 3 December 2009, 7:57 PM

1 comment

Skip Sub Navigation Links to CNET Brand Links

Help

Become part of the ZDNet community.

Newsletters