Jochen Kühner

IFrame for Designer Canvas

1

Should wemaybe use an IFrame for our main designer Canvas? So most libs are not loaded into it? We then need communication for selection, mouse events, ... and so on...

frameworks we should support

1

lit polymer angular react svelte

List of components to include into demo

1

https://blog.bitsrc.io/9-web-component-ui-libraries-you-should-know-in-2019-9d4476c3f103

Miniature View

1

Like in WpfDesigner or SvgEdit - Clone complete designer Surface and display in miniature - respect Zoom factors

transforms

1

look at https://angrytools.com/css-generator/transform/#:~:text=Generator%20%2D%20Matrix%20Transform-,CSS%20Transform%20property%20allows%20to%20scale%2C%20rotate,skew%20and%20move%20HTML%20elements.&text=in%20XY%20direction-,linear%20transformations%20also%20can%20be%20represented%20by%20Matrix%20function.,properties%20into%20single%20matrix%20function. has a nice circle editor: 

CSS Grid Editor and Positioning of Elements in it

1

somthing like this https://grid.layoutit.com/ but embeded into the designer (no idea atm). we also can look how it's done in wpf designer, maybe this helps also

positioning: block: etc use absolute and move arround flexbox: move items around. maybe a key (alt) to move await with position or margin grid: move betweed grid areas, and with...

Combine Simple Style names to complex ones

1

for example border-left, border-right to border... etc

Look at https://kor-ui.com/sandbox/ for ideas

1

look at https://kor-ui.com/sandbox/ for additional ideas