2004 re-design is here.
Web // Steve // 24th January 2004
It's taken more than a few cups of tea, but paper-jam has finally re-designed for 2004.
We hope you like it - I think it's a lot brighter and fresher than it used to be. Hopefully it's not so bright as to make your eyes bleed (God! We don't want that!)
There's still a few bits to do here and there - some of the older stuff might look a bit odd for a while, but we'll soon fix that, young man.
How it was...
Because of the way we've put it together, it should be easy to refresh the header graphic and general site colour every so often. The countdown to a dirty brown colour starts now.
Also being fixed-width rather than the stretchy fluid sizing we used to have, it's been much easier to put together and test. I've put some links below that I found useful when I was fiddling about trying to get it to work.
Let us know what you think (ah, be gentle now) in the Comments section below. Thank you all.
Articles
- Adactio - CSS-based design
- Article arguing the case for CSS-based layouts
- Coloured boxes - an approach to building a CSS layout
- Rather great presentation on how to put all this sort of thing together.
- Pixys' Fast Rollovers + update
- Look Ma, no Javascript - clever way of doing CSS-only rollovers. Also check the update which gets round the irritating IE6 flicker problem.
- Horizontal menus, made out of lists
- Christ, this is amazing. OK then, it's pretty good - menus out of lists. Hooray.
Useful links
- Zeldman
- Lead-ahh. Lead-ahh. Blog from the man who's been in this from the start (his "Designing with web standards" actual paper-based book is a great help too).
- Web Standards Project
- Fighting for web standards like crazy superheroes, or something.
- CSS Zen Garden
- Same HTML file, different CSS files - produce a different look each time.
- Mezzoblue
- Dave Shea, creator of the CSS Zen Garden's blog - always good articles, advice and discussion over there.
- Opera and Firebird
- For all you PC users, two browsers that are so much better than the default browser, Internet Explorer.
Comments
no, I hate it - change it back.
The colour sky blue is shamed forever after todays draw with the dismal Colchester.
Someone teach Adebola to JUMP.
Jim : 25/01/2004 02:27:02
sweeeeeeeeeeeeeeet.
like this newness, feels warm on my moon face.
samuel : 26/01/2004 09:54:27
C-. Must do better. See Me.
John : 26/01/2004 10:38:36
ah, there there johnny fash.
at least there’s no blummin’ shading.
steve : 26/01/2004 17:08:31
There was a problem with Netscape 6, and if anyone cares, here’s why.
I was using label and inputs to build up the forms, and assigning display:block to them to make them appear on their own distinct line.
However, it appears that Netscape 6 doesn’t like it when you try and make a form element into a block-type element.
So :
input { display:block; }
...seemed to make the input elements disappear (in NS6.2, at least). Not only that it killed the rest of the page to death as well.
Surrounding the inputs and labels with block-type divs did the trick, although it’s a bit less elegant. Unless anyone has any better ideas - width:100% kind of worked, but then it made all the elements 100% wide (no, really...) which made the checkbox look really daft.
Also the graphic link above to the old home page now works in IE now. Dear oh dear.
You can wake up now.
steve : 27/01/2004 18:58:09
Shading is brilliant and I’ll deck anyone who says otherwise....you and yer stupid ampersand...I could’ve drawn that in 5 minutes!!
John : 11/02/2004 10:36:34
Ah johnny fash, it’s funny, ‘cos all that shading is rather in vogue now, so I was in fact years ahead of my time. Jonathan Ive has that daft doodled 3D & on his wall at home, I bet.
For the benefit of everyone else (not that anyone cares) I scraped through my GCSE Art by painting shit 3D effects on everything. The school actually kept my final piece for “future display” - although I suspect they actually burnt it to stop anyone else’s eyes from being damaged by looking at it.
steve : 12/02/2004 21:17:59