So taken was I with Pixelsurgeon’s invalid plight (as mentioned in the previous post) that I decided to rebuild the interview page using meaningful XHTML and CSS for all layout and presentation.
The markup now validates to XHTML 1.0 and is much more useful, employing headings for headings, paragraphs for paragraphs, lists for both the top navigation and the sidebar, and a <dl> definition list for the interview itself. I’ve also replaced the JavaScript driven top navigation with a pure CSS solution. Due to the clean nature of the design, the whole rebuild only took a couple of hours (I’ve only tested on Mozilla and IE6 on Windows mind you).
Web standards · Design thinking
Taylor wrote:
Excellent work. As I take an interest in absorbing as much information as possible, I am wondering why you chose to use the definition list for the interview itself? Is this considered appropriate markup? Just curious for future reference, thx :)
Rich wrote:
I chose a definition list for the interview because an interview follows the same term-definition structure.
In the HTML spec, the W3C indicates that one can be fairly flexible in use of
dlso I have taken them at their word. I also use definition lists for marking up FAQs.martin wrote:
That’s so nice. It looks great in Camino and Safari and is 99% in IE5 Mac
Andy Budd wrote:
Nice work.
There seems to be a bit of a movement at the moment of people rebuilding other peoples web pages/sites.
A guy called Matthew Somerville did this with the Odeon web site a while back to make it more accessible. If you’re a designer with time on you’re hand’s I think this is a great way to show off your skills and promote yourself.
I was just wondering if you’d contacted pixlesurgeon and told them about your version?
Rich wrote:
Andy – thanks for the note. I hadn’t seen Matthew’s work on the Odeon site before; it’s pretty impressive.
And no, I haven’t contacted pixelsurgeon as yet.