有没有人使用 Blend for Visual Studio 2011 Beta 来创建网页？ 我是一名设计师，来自使用 Blend 创建基于 XAML 的 UI，并且害怕那里可能没有像 Blend 那样出色的 WYSIWYG 编辑器：P 我希望我可以在 Blend 中设计大多数东西，然后把它交给开发人员，让他们在他们使用的任何东西中进行代码隐藏。 Blend 是否在标记/样式中创建了很多 IE10/Windows 8 特定的东西，还是它生成的非常标准的东西？
干杯， 尼克
【问题讨论】：
Blend 中的 HTML 创作目前专注于以 HTML 和 CSS 为 Windows 8 创建 Metrostyle 应用程序，而不是在浏览器中运行的应用程序。当然，底层的 Windows HTML / CSS / JavaScript 平台非常符合标准，因此 Blend 编辑和生成基于标准的 HTML 和 CSS。
这里有几个兴趣点： • Blend 设计界面使用在运行时用于 Windows 8 应用程序（即 IE10）的相同渲染器。 Windows 应用运行时可能会以不同于其他浏览器的方式呈现事物，就像不同的浏览器实现有其差异一样。它仍然是标准的 HTML 和 CSS，但所见即所得的编辑基于 Windows 8 应用运行时呈现。
• Windows 8 应用程序可以处于不同的视图状态。在正在运行的应用程序中，视图状态切换会触发媒体查询和事件。 Blend 中有专门的工具来模拟设计表面上的视图状态和分辨率/DPI 切换，以获得准确的设计体验。
• 网站通常旨在具有无限高度的滚动页面。相比之下，应用程序 UI 通常会采用固定高度，由运行应用程序的设备的屏幕大小决定。 Blend 设计界面专为构建应用而设计。
• 交互模式将应用作为 Windows 8 应用运行。
• Blend 不编辑松散的 HTML 或 CSS 文件，它假定一个项目文件。提供的项目模板适用于 Windows 8 应用程序。
• Blend 的 CSS 属性编辑器专注于 IE 支持的 CSS 属性和值集。 IE 中存在的绝大多数 CSS 属性和属性值与其他任何地方都相同，但也有一些细微差别，就像其他浏览器之间一样。
• IE 10 中支持的大量 CSS 功能是提议的标准，但尚未最终确定。 W3C 要求浏览器对此类属性和属性值使用供应商特定的前缀。这包括 CSS Grid、Flex box、Transitions 和 Transforms 以及其他一些东西。对于此类属性，Blend 只会理解和生成 Microsoft 特定的供应商前缀。
• Windows 8 HTML UI 平台的一部分是 WinJS 工具包（它只是一个 JavaScript 库），它提供控件和其他有用的构建块。 Blend 包括用于 WinJS 的几个功能的特殊工具，例如控件或片段。使用这些功能中的任何一个都将创建依赖于 WinJS 工具包可用性的标记，但 WinJS 的使用当然不是强制性的。
干杯， 洛瑞德克斯 Blend 团队社区 PM
【讨论】：