Hentikan pengkodean ganda atau komunikasi 2 arah antara desain dan kode

Bagaimana cara "berteman" antara desainer dan insinyur? Bagaimana cara membiarkannya bekerja dengan topik data yang sama, tanpa mengorbankan produktivitas? Cara menyimpan desain dalam sistem kontrol versi. Jika Anda tertarik dengan pertanyaan-pertanyaan ini, pada tingkat yang sama dengan saya, maka selamat datang di bawah cut!



Artikel ini adalah kelanjutan langsung dari "Berhenti mengada-ada, mari kita gunakan tata letak dengan otomatisasi" dan merupakan hasil dari penelitian saya tentang masalah yang saya minati.



Di bagian pertama, saya menjelaskan secara singkat masalah tata letak itu sendiri dan otomatisasi. Ia juga membagikan hasil penelitiannya tentang topik ini. Saya memikirkan masalah pengendalian tata letak otomatis.



Pada artikel ini, saya akan membahas konsep ini secara lebih rinci dan membagikan hasil penelitian saya.

Ingin bermain dengan sesuatu? Inilah bukti konsepnya .



Kontrol



Dan jenis pengendalian apa yang sedang kita bicarakan?

Saya telah menyoroti dua poin utama:



  1. Kemampuan untuk mempengaruhi proses pembuatan kode HTML.
  2. Hasil pengeditan langsung, yang akan diperhitungkan pada generasi berikutnya.


, , 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 , , , — , " ".



Bagaimana jika seseorang memiliki keinginan untuk membantu, itu akan menjadi super. Bantuan dibutuhkan, pertama-tama, dengan editor visual, bagian itu penting, tetapi tidak tepat sasaran. Atau sarankan modul yang nyaman untuk pekerjaan dan penyesuaian. Dan tentu saja, menarik perhatian pada pekerjaan dan masalah saya tidak akan kalah berguna.



Tentu, saya akan sangat senang melihat kritik dan diskusi yang membangun.



Damai untuk semua orang!




All Articles