Como "fazer amigos" entre um designer e um engenheiro? Como deixá-los trabalhar com o mesmo tópico de dados, sem sacrificar a produtividade? Como armazenar um design em um sistema de controle de versão. Se você está interessado nessas questões, na mesma medida que eu, então seja bem-vindo!
Este artigo é uma continuação direta de "Pare de inventar, vamos atacar os layouts com automação" e é o resultado da minha pesquisa sobre o problema que me interessa.
Na primeira parte, descrevi resumidamente os problemas do layout em si e de sua automação. Ele também compartilhou seus resultados de pesquisa sobre este tópico. Eu me detive na questão da controlabilidade do layout automatizado.
Neste artigo, expandirei esse conceito com mais detalhes e compartilharei os resultados de minha pesquisa.
Quer brincar com alguma coisa? Aqui está uma prova de conceito .
Controlabilidade
E de que tipo de controlabilidade estamos falando?
Eu destaquei dois pontos principais:
- A capacidade de influenciar o processo de geração de código HTML.
- Edição direta do resultado, que será levado em consideração na geração seguinte.
, , HTML . , .
, .
HTML , . HTML .
. . , . , — - .
— HTML , HTML CSS.
, HTML , .
HTML , , , ? — , , .
2 .
, - , , Unity 3D, .
Unity, .
, — HTML , .
, , , , , , . .
, - 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 , , , — , " ".
E se alguém tivesse o desejo de ajudar, seria ótimo. É necessária ajuda, antes de mais nada, com um editor visual, parte é importante, mas não direcionada. Ou sugira um módulo que seja conveniente para trabalho e personalização. E, claro, chamar a atenção para meu trabalho e problemas não será menos útil.
Claro, ficarei muito feliz em ver críticas e discussões construtivas.
Paz para todos!