User Tools

Site Tools


website_coding_guidelines

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

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.
website_coding_guidelines.1397035044.txt.gz ยท Last modified: 2014/04/09 11:17 by 95.171.52.104