23screens

DO:

• Focus on structure. Build proper XHTML rather than trying to make things look a certain way.
• Nest your html properly. A tab is equal to 2 spaces.
• Comment the end of your elements.
  eg, </div><!-- end .myLongDiv -->
• Use reusable components.
• Set scope on table headers. For <th>s that describe columns then scope=”col”. For rows, then scope=”row”.

DON’T:

• Implement wireframes. We love Mouna’s magnificent mockups, but you should be working to build the structure and functionality, not the presentation.
• Create unnecessary classes or IDs. Do use the ones already provided and talk to us if you need new ones.
• Use arbitrary headings. Pick heading tags for outline hierarchy, not for size.
• Use tables for layout. But do use them for tabular data and forms as appropriate.