WebDev:FrontendCodeStandards: Difference between revisions

** No inline CSS & JS unless absolutely necessary

** Progressive enhancement (see bolded QA requirements)

* HTML:

** Pages must validate. Not a strict requirement. Some layouts can't be achieved without a few errors.  

** Use most meaningful tags for content

** Images/bg images with text in them must have alternate textual representation (alt text or text positioned offscreen for screenreaders).  Avoid these due to L10n difficulties anyway.

* CSS:

** No separate stylesheets for any browser and no conditional statements.

** Specify in comments the scope of generic sounding class names (what does .block mean and where is it applied? one page or multiple pages?)

*** Try avoiding generic class names altogether

* JS

** Don't pollute the global namespace (put all functions into objects/closures)

** var your variables

** Use JSlint : http://www.jslint.com/

=== Performance Standards ===