| ... |
... |
@@ -48,7
+48,7 @@ |
| 48 |
48 |
|
| 49 |
49 |
== Editor == |
| 50 |
50 |
|
| 51 |
|
-The CSS tab provides you with an intelligent code editor that supports you and lets you write you CSS smoothly and quickly. The editor that is used is called [[monaco editor>>url:https://microsoft.github.io/monaco-editor/index.html||rel="noopener noreferrer" target="_blank"]]. Here is a quick overview over some of the main features: |
|
51 |
+The CSS tab provides you with an intelligent code editor that supports you and lets you write you CSS smoothly and quickly. The editor that we make use of is called [[monaco editor>>url:https://microsoft.github.io/monaco-editor/index.html||rel="noopener noreferrer" target="_blank"]]. Here is a quick overview over some of the main features: |
| 52 |
52 |
|
| 53 |
53 |
{{figure image="designer_advanced_css_colorpicker.png" width="500" float="none"}} |
| 54 |
54 |
Colors are a fundamental part of every design. The color picker opens when you hover with the mouse over a color value. It lets you pick and preview a color easily. Also, you can always see a preview for all colors used in the CSS file, so that you do not have to read hexadecimal color codes. |
| ... |
... |
@@ -71,5
+71,5 @@ |
| 71 |
71 |
{{/figure}} |
| 72 |
72 |
|
| 73 |
73 |
{{figure image="designer_advanced_css_hints.png" width="700" float="none"}} |
| 74 |
|
-The editor is able to recognizes some types of errors. Parts marked in green are potential mistakes, but they are not critical errors. When a part is marked in red, this usually indicates syntax errors. You should read the detailled error message by hovering over the error and correct it. Shown in the figure is a set of CSS properties that are incompatible, as the width of inline elements cannot be specified directly (it is determined during the layout phase). |
|
74 |
+The editor is able to recognizes some types of errors. Parts marked in green are potential mistakes, but they are not critical errors. When a part is marked in red, this usually indicates a syntax error. You should read the detailled error message by hovering over the error and correct it. Shown in the figure is a set of CSS properties that are incompatible, as the width of inline elements cannot be specified directly (it is determined during the layout phase). |
| 75 |
75 |
{{/figure}} |