
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.
Jamescreativenz.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?? ;-)
Barrynah, 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.
rossYeah...
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 :)
rossIts 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.
PeteNot 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.
BlackspadeI 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
rossHmmm, 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.
PeteDisclaimer: 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.
rossWell, 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.
Enlighten Designs Ltd are looking for a Project Manager/Client Liaison
Enlighten Designs Ltd are looking for a Project Coordinator
WhyNZLive? really has a case on government spending
Neemia, I love you buddy. But please, leave the designing to the designers!
Xero are looking for a Frontend Developers
Xero are looking for a Interaction designers
Klim Typefaces
Number Eight Wired - kiwi designer, based here in London.
Hot Pyjama Productions Ltd are looking for a Freelance/Contract Graphic Designer
Just a few tickets left to Webstock
Momentum Studios have a new site.
Who is Ben Williams? click to find out.
Mecano. Your world is their playground.