One document to rule them all ?
Some say that its best to have one document to serve all audiences. Jeffrey Zeldman wrote about this idea in his book “Designing with Web Standards” While it’s a nice thought, and simplifies things for developers, it doesn’t work all the time. Now I’m not trying to go head-to-head with the Big Z, but rather I’m trying to my best to provide an optimal experience for a mobile user.
Think about a news site like CNN. It’s not uncommon to see a related video or some large images on a page, next to the story. If I went to that same site on my Palm Treo, I’d download all that media because it’s part of the markup. That’s unfair to the mobile user, since most cant view it. That’s especially true for those who pay for the data beyond what their wireless service contracts allow. I’ve tried changing the setting on my treo to not download images. But what really happens is they seem to get downloaded anyway, but not displayed. Now I’m not complaining (well maybe just a little), but I think that it’s currently not feasible at the moment.
As I mentioned in my post for the Engadget to Palm blog entry, the mobile stylesheet doesn’t work on my treo when a screen style sheet is available. But lets pretend it did work. Would doing tricks like display:none in a style sheet be enough for mobile users. From what I’ve read lately some screen readers don’t respect display:none.
Another approach is to serve a separate set of files. Each of the sites in my top 5, use this approach and it works well for them. We the users get a better experience because of it. I’m sure the developers of these sites are reusing most of their code from the main website. Sure, it’s a little extra work to maintain, but nowhere close to building another full scale website. So what’s the harm?