| ... |
... |
@@ -50,11
+50,11 @@ |
| 50 |
50 |
|
| 51 |
51 |
Im CSS-Bereich steht ein intelligenter Editor bereit, der beim Schreiben von CSS unterstützt. Der Editor, welcher hier verwendet wird, nennt sich [[Monaco Editor>>url:https://microsoft.github.io/monaco-editor/index.html||rel="noopener noreferrer" target="_blank"]]. Im folgenden seien kurz einige wesentliche Funktionalitäten erwähnt: |
| 52 |
52 |
|
| 53 |
|
-{{figure image="designer_advanced_css_colorpicker.png" width="700" float="none"}} |
|
53 |
+{{figure image="designer_advanced_css_colorpicker.png" width="500" float="none"}} |
| 54 |
54 |
Farben sind ein Grundmerkmal jeglicher Gestaltung. Wird mit der Maus über eine Farbe gefahren, öffnet sich der Farbwähler. Hier kann komfortabel eine Farbe ausgewählt werden. Zudem wird auch für jede Farbe immer eine Vorschau angezeigt. Dies ist wesentlich einfacher zu erkennen als ein hexadezimaler Farbcode. |
| 55 |
55 |
{{/figure}} |
| 56 |
56 |
|
| 57 |
|
-{{figure image="designer_advanced_css_expand_collapse.png" width="700" float="none"}} |
|
57 |
+{{figure image="designer_advanced_css_expand_collapse.png" width="500" float="none"}} |
| 58 |
58 |
Für jeden Selektor können die zugehörigen Eigenschaften ein- und ausgeklappt werden. Hierzu wird links in der Leiste auf das + und - geklickt. |
| 59 |
59 |
{{/figure}} |
| 60 |
60 |
|