Marcus

Decorate our Whare

The Tukutuku panels are used to tell a story and to decorate the Whare. By sending us your Tukutuku panel you are telling us your design story and adding aesthetic beauty to the interior of the For the Masses meeting house.

Submit your panel

For the Masses

Creative New Zealand website

James James
March 15, 2005

creativenz.govt.nz

They should be leading by example and they are, with a nice, clean css/xhtml site. Well done to them.

So who did it? Was it your lot Barry? Hence the post?? ;-)

 
Barry Barry
March 15, 2005

nah, not our lot. thats what I wanted to find out. har.

One design crit (I won't go into the many many divs involved to get the design to work):

the image captions, over at the side like that, on a wide screen they are miles away from the image they are captioning. a design flaw IMO.

overall the site is real pretty though. and a brave css effort, if a little verbose.

 
ross ross
March 15, 2005

Yeah...

Its probably not a major achievment to validate HTML 4.01 transitional (egov doesn't allow xHTML). Design is pretty neutral, I would have figured some maximum widths would come in handy to stop Barry's note with the divorced captions.

It would also have been nice to see some image replacement techniques on the headings as opposed to just alt tags. I tend to look at accessibility before bothering about final validation to be honest. I also get wierd margin/lines between each of the LI's on the main nav in FF.

It may also suffer from "divitis", and ID-mongering but that is being pretty anal. It certainly is a progression in the right direction.

Nice work :)

 
Nic Nic
March 19, 2005

Why is the large number of divs a problem ?

 
ross ross
March 21, 2005

Its more evidence of bad form than anything terminal. I can't really see a need for that number of wrapping DIVs. It just adds uncacheable weight to a page.

The ID-mongering is also something that personally I would sway from. ID's are probably a little to powerful to be bandied about as hooks for individual LI's. IMHO.

One last tidbit, I would also prefer Tantek's filter hacks to feed different CSS to browsers, than using non-standard IE CC's.

But as I mentioned, this is really technical nitpicking of what is a pretty solid solution. I suspect that the designers had valid reasons for their decisions.

 
Pete Pete
March 22, 2005

Not to lead the discussion away from the site, but some people are (almost) morally against using hacks like image replacement and filter hacks, because of future proofing, etc.

I'm not one of those people, but the maker of the site may have been.

 
Blackspade Blackspade
March 22, 2005

I find the body text quite hard to read, it could do with some more leading, imo

also, headings as images ? ..they could have achived the same thing with CSS

pretty good tho i guess

 
ross ross
March 23, 2005

Hmmm, not sure I agree about the hacks Pete ;)

I wouldn't regard a simple background image and negative text indent a hack really, it's using fully supported CSS1 in exactly the way it was designed to be used.

Tantek's filter hacks are future-proof by their very nature because they leverage deficiencies in specific older browser's parsing of comment tags. Because these are known bugs, its highly unlikely another browser would ever include these deficiencies in their code.

Likewise, the same people who would be against image replacement, would probably be even more against image based headings at all.

I guess my point is, if you insist in using image based headings, at least make them accessible.

 
Pete Pete
March 23, 2005

Disclaimer: That was actually a test message I rushed to write due to gremlins in the system that had to be fixed, I wish I had clarified it more but thems the breaks...

Anyway, I can see both sides of the argument for image replacement. I wouldn't go so far as to say that CSS1 was intended to be used in the way it has with image replacement. It's a valid use of the code, yes, but I doubt the authors designed text indent to be used in that way.

The main opposition that I've heard which has come from John Allsopp when he was speaking at the Wellington Web Standards group last month. I'm sure he'd be happy to discuss his thoughts on the matter. (In fact the group video taped the meeting and said it would be posted online - but I can't find it, or I'd point you to it.)

However, I'm not keen about using browser specific hacks (like the box model hack) and discourage anyone from using them unless 100% percent necessary (i.e. the world will end if you don't!). I see the "ideal" of using (X)HTML/CSS is that you're writing the site once for all devices and media. At times filter hacks can be used as short cuts, to get a job done or whatever - but they shouldn't be used lightly.

I've had a quick test with JAWS over the Creative NZ site, it seems to pick up the headings just fine, except for the homepage which has none on the main content area.

 
ross ross
March 23, 2005

Well, I guess we can agree to disagree on image replacement, Pete :) I certainly regard it as better than just lumping in an image for a heading. Negative text indent is as valid as a negative margin in my mind. The authors don't visualise every approach that the styles will create, they simply just create the tools and we use them. When does it become a hack - text-indent: 0px;? -80px? When it is off the screen? See my point? :)

As for browser specific hacks, I was originally pointing out that Tantek's filter hacks (which while similar, are not the same as the box model hack) would be preferrable to IE Conditional Comments as used in the Creative NZ Site.

In theory all hacks are unwanted, but reality is another story altogether. Hacks *are* a reality, so if they are needed, Tanteks filters are in my mind the best practice. Single CSS tweak files only downloaded by their respective browsers to nudge them into line seems like the best option. You have a true standards based core css file, and all the browsers you wish/need to support can be added/edited/removed at will.

 
 

For the Masses is Hosted by Digiweb New Zealand

Semi-Permanent

News

I'm going to spend the next month at Dear Adobe

Aug 27, 2008 at 10:37pm

Best Awards are up fellas Check it

Aug 26, 2008 at 5:55pm
Aug 21, 2008 at 9:01pm

The Dunedin City Council website gets an overdue overhaul

Nic
Aug 19, 2008 at 11:25pm

Hell Pizza has a new website
alas still no non-flash support.

Aug 18, 2008 at 12:22pm

Provoke are looking for a HTML / CSS Lover and Master

Aug 13, 2008 at 9:43pm

Enlighten Designs Ltd are looking for a Hamilton .NET Developer

Aug 13, 2008 at 11:20am

Crafty fun coming up. Craftwerk

Aug 11, 2008 at 9:55am

submissions are open for the semipermanent 09 book.

pick up the 08 book at sp auckland next week.

Aug 8, 2008 at 12:05pm

Boost New Media are looking for a Part-time Tester

Aug 4, 2008 at 6:09pm

Once again Alistapart is conducting a survey of all the web designers out there. Go take part; You know you love forms...

Jul 30, 2008 at 9:48am

Semi-Permanent Auckland is only 3 weeks away!

Who they're most keen to see?

Discuss

Jul 27, 2008 at 2:55pm