Canada Data

题：我们应该逐一抓住这些机会（移动、调整大小和对齐），不断迭代，改进布局引擎，还是应该整体评估并创建一个全新的系统？我们是否已经将当前系统推向极限，或者是否可以对其进行改进，以实现进一步的独立性和可预测性？

我们没有立即给出答案，而是开始为能想到的尽可能多的解决方案制作原型。我们制作了全新的系统原型，制作了不同的用户体验原型，这些用户体验产生了与 Layout Engine 相同的数据结构和标记，我们制作了基于 Layout Engine 的增强功能原型，我们制作了原型并设想了拖放操作较少的场景，以及一些拖放操作较多的场景。在整个过程中，我们每周都会对原型进行用户测试，并将这些见解纳入下周的测试中。

最终，我们意识到确实是时候向前迈进了。布局引擎的设计是让块相互依赖——移动一个块需要重新排列其他块以适应所有宽度最终必须加起来等于 12 的规则。无论我们在原型中如何推 多米尼加共和国 whatsapp 号码数据 5 动布局引擎，我们都无法实现可预测性。

关于网站响应能力的说明
始终要记住，我们的最终产品是一个可以在任何屏幕宽度和屏幕高度组合下查看的网站。这使得我们的拖放体验不同于 Google Slides 等工具，用户在我们的测试中不断提到它，以与他们的预期进行比较。虽然我们整个项目的最终目标是改善编辑器体验，使网站构建变得更容易、更愉快，但网站本身需要美观，并达到 Squarespace 在网页设计领域建立的标准和声誉。这意味着网站需要在每个视口尺寸下都美观——而不仅仅是我们用户正在编辑的那个。

因此，在构思更理想的编辑器体验时，我们同时也在对这个新系统将生成的 HTML 和 CSS 进行迭代。



第一步
在设计布局系统以让用户将块放置在任意位置、将块调整为任意大小并保持独立性和可预测性时，首先想到的就是绝对定位。使用绝对定位，我们可以将每个块的 x 和 y 坐标（以像素为单位）与其所需的宽度和高度（也以像素为单位）一起存储。当我们渲染页面时，我们会生成相应的 CSS 来为所有用户的块添加绝对定位和大小规则。