MCS:HTML

MCS: HTML/CSS

MCS HTML/CSS is a referential code that uses best practices to present how an example HTML website should look like.

Goals

• Standard compilant
• Browsers: Gecko, WebKit, Opera 9.5+, IE7+
• WCAG 1.0
• WAI
• Light. Should be fast for loading, caching
• Use modern techniques: AJAX, Javascript, CSS, prefetch gradually
• Support mobile devices, printing, video/audio embedding
• Minimal support for text browsers/no CSS
• Full experience for non-JS users
• Usability in mind
• Moderate SEO optimization
• HTML5 ready

Components

• XHTML
• CSS
• Javascript/AJAX/DHTML
• Microfromats
• Right to left compatible

Work In Progress

Since it is a reference code it will always be in progress. We have many brilliant experts from various fields around web design. We want to encourage you to contribute to the project with your unique experience and knowledge. Feel free to propose new solutions and patches that will make the reference HTML/CSS/JS code a good case study and solid example of how websites should look like in the perfect world.

References to materials we base on

• HTML/CSS best practices
  • A List Apart
    • A List Apart: Progressive Enhancement with CSS
  • Eric Meyer
  • CSS Zen Garden
• W3C
  • W3C: DOM
  • W3C: CSS
  • W3C: XHTML 1.0
  • HTML 5.0
• Accessibility
  • Dive into accessibility
  • WCAG 1.0
  • VisCheck
• Usability
  • UseIt: Jakob Nielsen on Web Usability
• Concepts
  • FatFooter

Preview

• http://mcs.labs.braniecki.net/theme/html/index.html
• http://mcs.labs.braniecki.net/theme/html/index-layout.html

Sources

HTML implementation sources are at http://hg.mozilla.org/webtools/mcs/ in directory theme/html.