mantisbt:style_guide
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
mantisbt:style_guide [2010/10/14 23:01] – daryn | mantisbt:style_guide [2013/04/30 05:54] (current) – dregad | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== | + | ====== |
+ | |||
+ | ===== HTML ===== | ||
* Do use HTML5 | * Do use HTML5 | ||
* Do not use tables for layout. | * Do not use tables for layout. | ||
* Do not put business logic in the templates - //Using PHPTAL templating engine will assist with security (automatically escaping strings to prevent XSS attacks), internationalisation and ease of template maintenance. The templates are valid XML documents and can be rendered directly in a web browser without needing to be parsed through the templating engine.// | * Do not put business logic in the templates - //Using PHPTAL templating engine will assist with security (automatically escaping strings to prevent XSS attacks), internationalisation and ease of template maintenance. The templates are valid XML documents and can be rendered directly in a web browser without needing to be parsed through the templating engine.// | ||
- | ====== CSS ====== | + | ===== CSS ===== |
* The only method allowed for including CSS styling is via including an external CSS stylesheet in the < | * The only method allowed for including CSS styling is via including an external CSS stylesheet in the < | ||
* Do use a fluid layout | * Do use a fluid layout | ||
Line 19: | Line 21: | ||
* Do not use inline < | * Do not use inline < | ||
- | ====== Javascript | + | ===== Javascript ===== |
- | * The only method allowed for including Javascript is via including an external script file in the < | + | * The only method allowed for including Javascript is via including an external script file in the < |
- | * The pages should | + | * The pages must be able to fully function without Javascript enabled. If Javascript is available then it can be used to replace parts of the DOM with more advanced functionality (in the same way jQuery UI operates) |
* Use jQuery exclusively for any javascript based features | * Use jQuery exclusively for any javascript based features | ||
* Use only jQuery plugins with high rates of usage and active, healthy development | * Use only jQuery plugins with high rates of usage and active, healthy development | ||
* Do not use inline Javascript in any HTML output | * Do not use inline Javascript in any HTML output | ||
* No onclick, onmouseover, | * No onclick, onmouseover, | ||
- | * No inline < | + | * No inline < |
* Do not use javascript: | * Do not use javascript: | ||
- | ====== Accessibility and Localization | + | ===== Accessibility and Localization ===== |
* Maintain support for right-to-left (RLT) languages in the redesign (related to CSS) | * Maintain support for right-to-left (RLT) languages in the redesign (related to CSS) | ||
* Investigate accessibility concerns in depth to determine how the pages will work in screen readers, on browsers with extra large font sizes, for colour blind users, etc. | * Investigate accessibility concerns in depth to determine how the pages will work in screen readers, on browsers with extra large font sizes, for colour blind users, etc. | ||
- | ====== User Interface | + | ===== User Interface ===== |
* Don't make life hard for power users. | * Don't make life hard for power users. | ||
* Workflow must be as efficient as possible | * Workflow must be as efficient as possible | ||
- | ====== Questions for discussion | + | |
+ | ===== Questions for discussion ===== | ||
- App Mode -- several browsers are now supporting App Mode, do we have any requirements for that? Are there standards around this? | - App Mode -- several browsers are now supporting App Mode, do we have any requirements for that? Are there standards around this? | ||
- Any requirements to have MantisBT grease monkey friendly to allow users to easily customize the page? Not sure what that means, does it mean naming fields? divs, etc? | - Any requirements to have MantisBT grease monkey friendly to allow users to easily customize the page? Not sure what that means, does it mean naming fields? divs, etc? | ||
- Supported browsers / versions? | - Supported browsers / versions? | ||
+ | - Firefox 3.0+ | ||
+ | - Recent versions of Opera, Chromium, Konqueror, Safari (should almost come for free from I) | ||
+ | - IE7+ | ||
+ | - IE6 support, if needed, can come through community contributions | ||
- Come to some sort of arrangement on how plugins will manipulate the HTML to insert their own buttons, widgets, etc as required. | - Come to some sort of arrangement on how plugins will manipulate the HTML to insert their own buttons, widgets, etc as required. | ||
- | + |
mantisbt/style_guide.1287111662.txt.gz · Last modified: 2010/10/14 23:02 (external edit)