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.
I'm going to spend the next month at Dear Adobe
Best Awards are up fellas Check it
Springload are looking for a PHP Web developer. Full-time position available in vibrant award-winning web design firm.
The Dunedin City Council website gets an overdue overhaul
Hell Pizza has a new website
alas still no non-flash support.
Provoke are looking for a HTML / CSS Lover and Master
Enlighten Designs Ltd are looking for a Hamilton .NET Developer
Crafty fun coming up. Craftwerk
submissions are open for the semipermanent 09 book.
pick up the 08 book at sp auckland next week.
Boost New Media are looking for a Part-time Tester
Once again Alistapart is conducting a survey of all the web designers out there. Go take part; You know you love forms...
Semi-Permanent Auckland is only 3 weeks away!
Who they're most keen to see?
Discuss