The Thought Balloon - Home
Portfolio Skills Articles

CSS Builds

These websites were pure CSS/XHTML builds, taken from photoshop or fireworks files and converted to scaleable CSS templates, using a CSS Systems Analysis process.

All CSS builds do not use tables for layout, and use semantic, accessible mark-up and progressive enhancement where javascript is used. This means that without javascript present, the sites still work.

CSS/XHTML template builds

screen shot of Reed Smith site

CSS Build

This HTML and CSS for this site was created from a strong design, using my CSS analysis of designs. The complete site template set was realised in under a week.

screen shot of Coffee site

CSS Build

CSS build for a static HTML site. The challenge here was to create an accessible, text-scaleable template from a design that relied heavily on images, for a coffee brand.

screen shot of cfa website

CfA

A table-free CSS/XHTML build, with individual page colour schemes. (Link to external site).

screen shot of the VMA website

VMA Group

A CSS/XHTML build including colour theming.

screen shot of the Shipping web site

A Shipping Site

A template build that never went live. This site features sIFR text replacement using javascript and flash. The site incorporates complex layouts using transparencies.

A German Real Estate Site

A further XHTML/CSS build, with a few internationalisation issues covered.

Further templates, showing differing formats.

Back to top