Post Archive
› January 10, 2005
Turner.com
Turner Broadcasting System, Inc., the parent company to CNN, TBS, TNT, Turner Classic Movies, Cartoon Network and many other network brands and businesses, has redesigned their corporate website, and done so with a CSS based layout, and standards compliant XHTML markup.
Web-graphics author Arturo and I (aka Twinsparc), were contracted to produce the new design and markup. Todd Dominey produced the very flexible flash portion on the home page; more about that later.
What's interesting about this re-design, besides that a really prominent news and entertainment company has adopted web standards, is how they came to appreciate the methodology. Since its inception three years ago, Twinsparc has strived to create only standards based websites - and indeed about 90% of our work has fallen into this category, but in all previous cases we've had to put on a little song and dance to describe the somewhat abstract concepts behind it. In Turner's case, we were granted this job because they were actively looking for contractors with experience developing web standards based websites.
To me, this seems like turning point. I was really surprised when Eddie Garrett, director of communications and new media for Turner, explained his interest in creating the new Turner.com website using web standards. I thought we had at least several more years before the choice to develop big brand websites this way would come from within the decision-making group themselves.
I'd like to take a moment to thank the various folks we worked with at Turner; everyone was remarkably nice to us and it was a pleasure to interact with such a competent group. And speaking of competent, back to Todd's flash work on the home page. The animation you see there might look pretty straightforward, but what you're not seeing is that this thing dynamically loads either JPGs or SWF files, has adjustable fade controls, and even a method for linking just part of an image (sort of like making an image map) . This flash piece has real power under the hood, and because of it, the various branding folks at each of the major Turner networks can produce custom lead-ins to their current promotions with lots of design flexibility.
Comments
1. January 10, 2005 12:44 PM
2. January 10, 2005 01:02 PM
Nate Posted…
Thanks for the congrats Andy. Also thanks for your patience with that DIF article; the holidays, the complexity of the subject, and other factors all played against my writing that article, so I'm grateful for your flexibility.
3. January 10, 2005 04:17 PM
4. January 10, 2005 04:27 PM
Nate Posted…
It's always a balance dean - validating wasn't our highest priority, but given that we could make it valid, it made sense to keep it that way
In terms of the "div-junkies", that's where anyone using XHTML and CSS needs to make up their own minds. I certainly understand and respect those who avoid all extraneous markup, but I'm not sure it's always worth it. The IE6 flicker bug isn't noticeable over here, maybe it's just my test station?
5. January 11, 2005 10:15 AM
Curcan Ovidiu Posted…
/js/turnercom_home.js doesn't look all that good :p
Good job though.
6. January 11, 2005 10:34 AM
Nate Posted…
Curcan, that's the javascript that places our Flash piece on the home page. It works well in the various environments we tested, and degrades well for other situations. The flash piece itself is not critical content so here's how we degraded it:
- Has Javascript, has Flash 6 or greater = works as expected
- Has Javscript, no Flash 6 or greater = list of links to main brands
- No Javascript = Flash section collapses to show lower part of page
Are there other critiques or problems found? Feel free to post, but please be specific about the problem and how you think it could be done better. If you don't feel comfortable explaining it in a comment, I'd be most grateful for an email.
Arikawa Posted…
Nate and Arturo:
Heart congrats are in order! It's a good day when those who design with web standards have a site such as Turner.com to point to as a case study.
(Now I know why you were running behind on your DIF article, Nate!)