How to "make friends" between a designer and an engineer? How to let them work with the same data subject, without sacrificing productivity? How to store a design in a version control system. If you are interested in these questions, to the same extent as me, then welcome under the cut!
This article is a direct continuation of "Stop making it up, let's hit the layouts with automation" and is the result of my research on the problem I'm interested in.
In the first part, I briefly described the problems of both the layout itself and its automation. He also shared his research results on this topic. I dwelt on the issue of controllability of the automated layout.
In this article, I will expand on this concept in more detail and share the results of my research.
Want to play with something? Here's a proof of concept .
Controllability
And what kind of controllability are we talking about?
I have highlighted two main points:
- The ability to influence the process of generating HTML code.
- Direct editing of the result, which will be taken into account in the subsequent generation.
, , HTML . , .
, .
HTML , . HTML .
. . , . , — - .
— HTML , HTML CSS.
, HTML , .
HTML , , , ? — , , .
2 .
, - , , Unity 3D, .
Unity, .
, , , , , , . .
, - Unreal Engine, WEB. ?
:
- Drag&Drop ;
- ;
- - HTML , .
, .
, .
, api, , , , , , …
.
, , ?
HTML , - . — WebKit Blink, ().
-
. ( index.html), . .
3 :
- , ;
- ;
- .
, .
3, , .
, , , .
, , , 2.
:
- ;
- , .
.
, .
?
, 2 , .
, Adobe Illustrator , , 2 * N . , .
, . .
— HTML .
. HTML :
- ;
- .
.
, , — , .
.
?
:
- , ;
- DOM ;
- .
, DOM, .
:
- DOM, .
- , DOM.
.
DOM? , .
, , .
, , , , ( ).
, , … .
. 2 :
- ;
- .
, , .
, 2 :
- , ;
- , , .
Pagedraw .
, .
:
, . , .
, . . .
, , .
, , (-).
.
, .
- , ;
- ;
- , ;
- ;
- ;
- ;
- HTML .
- ""
, 2- , . .
, .
?
, "", . , , React, JSX + styled-components, .
, , twitter , , , — , " ".
What if someone had a desire to help, it would be super. Help is needed, first of all, with the visual editor, the part is important, but not targeted. Or suggest a module that is convenient for work and customization. And of course, drawing attention to my work and issues will be no less useful.
Of course, I will be very glad to see constructive criticism and discussion.
Peace for everyone!