CSS for ‘Leave it out’

In August 2007, I won the contract to create the CSS for a new website, Leave it out. The CSS was subcontracted to me by the main developer (who also subcontracted the design to an independent web designer.)

This project had a few important characteristics:

• a short deadline: 10 days
• quite a few different designs per page
• a quite complex design

A CSS template takes 2-3 days depending on its complexity - sometimes up to 5 days if it is really complex. This time includes slicing up the images in Photoshop/Illustrator, writing the HTML, writing the CSS and testing the results in multiple different web browsers e.g. Internet Explorer 6 on Windows XP, Internet Explorer 7 on Vista/XP, Safari on mac and many more before fixing any discrepancies.

I usually complete a CSS/HTML template within a week or two after being given a design. This design had quite few different layouts for different pages all of them with their own complexities so this design took a little longer - all in all it took me 5-6 days to complete.

Code examples

The only way to examine the quality of a website’s HTML/CSS is to visit that site and select ‘View Source’. To see the code for Leave it out here is a list of links:

• Homepage
• Menu
• Menu (with map)
• News
• Article
• Articles
• Contact page
• Links
• Share page

The CSS can be located here:

• Global stylesheet
• Example individual page stylesheet

More details

The website design was done by Norwegian agency, Polyesterland.