設計とコード間のダブルコーディングまたは双方向通信を停止します

デザイナーとエンジニアの間で「友達を作る」方法は?生産性を犠牲にすることなく、同じデータトピックでそれらを機能させるにはどうすればよいですか?バージョン制御システムにデザインを保存する方法。私と同じ程度にこれらの質問に興味があるなら、カットの下で歓迎します!



この記事は、「作り上げるのをやめて、自動化でレイアウトを打つ」の直接の続きであり、私が興味を持っている問題についての私の研究の結果です。



最初の部分では、レイアウト自体とその自動化の両方の問題について簡単に説明しました。彼はまた、このトピックに関する彼の研究結果を共有しました。自動レイアウトの制御性の問題について詳しく説明しました



この記事では、この概念をさらに詳しく説明し、私の研究結果を共有します。

何かで遊んでみませんか?これが概念の証明です



制御性



そして、私たちはどのような制御可能性について話しているのですか?

私は2つの主要なポイントを強調しました:



  1. HTMLコードを生成するプロセスに影響を与える機能。
  2. 結果の直接編集。これは次の世代で考慮されます。


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



誰かが助けたいという願望を持っていたら、それは素晴らしいでしょう。まず第一に、ビジュアルエディタを使用したヘルプが必要です。一部は重要ですが、対象を絞っていません。または、作業やカスタマイズに便利なモジュールを提案してください。そしてもちろん、私の仕事や問題に注意を引くこともそれほど役に立ちません。



もちろん、建設的な批判や議論を見てとてもうれしく思います。



みんなの平和!




All Articles