This shows you the differences between two versions of the page.
website_coding_guidelines [2014/04/09 11:17] 95.171.52.104 |
website_coding_guidelines [2014/04/09 11:18] (current) 95.171.52.104 |
||
---|---|---|---|
Line 27: | Line 27: | ||
* our frontend converts images to data-uris. for this to be successful, the url has to be wrapped into single quotes: Please do not write background:url(../images/flower.png); but background:url('../images/flower.png'), else it won't be recognised from the system. Also, in most HTML IDEs, image urls are easier to spot. | * our frontend converts images to data-uris. for this to be successful, the url has to be wrapped into single quotes: Please do not write background:url(../images/flower.png); but background:url('../images/flower.png'), else it won't be recognised from the system. Also, in most HTML IDEs, image urls are easier to spot. | ||
* .editor block and all other blocks must be independent from each other. if you delete the css/less for one block, the others must keep their layout. | * .editor block and all other blocks must be independent from each other. if you delete the css/less for one block, the others must keep their layout. | ||
- | * do not use CSS-hacks. Write valid CSS. Use a class on the <HTML>-Element to refer to "ie", "ie8", "ie7" etc. - this later will be added automatically by the frontend. | + | * do not use CSS-hacks. Write valid CSS. Use a class on the <HTML>-Element to refer to "ie", "ie8", "ie7" etc. - this later will be added automatically by the frontend, e.g. <html class="ie ie8"> ... |
* do not use double classes at all, no ".editor.editor-content", just "div.editor-content" | * do not use double classes at all, no ".editor.editor-content", just "div.editor-content" | ||
* please use proper spacing. A space needs to be before and after '{', after ':' and after ';'. Please no tabs. | * please use proper spacing. A space needs to be before and after '{', after ':' and after ';'. Please no tabs. |