Detener la comunicación de doble codificación o bidireccional entre el diseño y el código

¿Cómo "hacer amigos" entre un diseñador y un ingeniero? ¿Cómo permitirles trabajar con el mismo tema de datos, sin sacrificar la productividad? Cómo almacenar un diseño en el sistema de control de versiones. Si estás interesado en estas preguntas, en la misma medida que yo, ¡bienvenido bajo el corte!



Este artículo es una continuación directa de "Deja de inventarlo, vayamos a los diseños con la automatización" y es el resultado de mi investigación sobre el problema que me interesa.



En la primera parte, describí brevemente los problemas tanto del diseño en sí como de su automatización. También compartió los resultados de su investigación sobre este tema. Me detuve en la cuestión de la controlabilidad del diseño automatizado.



En este artículo, ampliaré este concepto con más detalle y compartiré los resultados de mi investigación.

¿Quieres jugar con algo? Aquí tienes una prueba de concepto .



Controlabilidad



¿Y de qué tipo de controlabilidad estamos hablando?

He destacado dos puntos principales:



  1. La capacidad de influir en el proceso de generación de código HTML.
  2. Edición directa del resultado, que se tendrá en cuenta en la generación posterior.


, , HTML . , .



, .





HTML , . HTML .



. . , . , — - .







— HTML , HTML CSS.



, HTML , .





HTML , , , ? — , , .

2 .



, - , , Unity 3D, .



Unity, .



, — HTML , .



, , , , , , . .





, - Unreal Engine, WEB. ?

:



  1. Drag&Drop ;
  2. ;
  3. - HTML , .


, .





, .



, api, , , , , , …





.





, , ?



HTML , - . — WebKit Blink, ().



-



. ( index.html), . .

3 :



  1. , ;
  2. ;
  3. .


, .



3, , .

, , , .



, , , 2.



:



  1. ;
  2. , .


.





, .





?



, 2 , .





, Adobe Illustrator , , 2 * N . , .



, . .



HTML .



. HTML :



  1. ;
  2. .


.



, , — , .



.





?

:



  1. , ;
  2. DOM ;
  3. .


, DOM, .





:



  1. DOM, .
  2. , DOM.




.





DOM? , .



, , .





, , , , ( ).



, , … .

. 2 :



  1. ;
  2. .


, , .



, 2 :



  1. , ;
  2. , , .


Pagedraw .



, .





:



, . , .



, . . .





, , .



, , (-).



.



, .





  1. , ;
  2. ;
  3. , ;
  4. ;
  5. ;
  6. ;
  7. HTML .
  8. ""






, 2- , . .



, .



?



, "", . , , React, JSX + styled-components, .



, , twitter , , , — , " ".



¿Y si alguien tuviera el deseo de ayudar? Sería genial. Se necesita ayuda, en primer lugar, con un editor visual, parte es importante, pero no dirigida. O sugiera un módulo que sea conveniente para el trabajo y la personalización. Y, por supuesto, llamar la atención sobre mi trabajo y mis problemas no será menos útil.



Por supuesto, estaré muy contento de ver críticas y discusiones constructivas.



¡Paz para todos!




All Articles