PCMAG最近，Adobe的副总裁兼InteractiveDevelopment总经理丹尼·维诺库(Danny Winokur)表示，今天发布产品的目的是“推动HTML 5和相关技术的发展，这些技术已经成为现代Web的工具。”

Adobe的HTML 5网站开发工具带来了多种技术特性的强大力量来构建创造性的网站设计。它的目标是彻底改变未来网络的处理方式。Adobe希望通过一个相当方便和更简单的创意过程，让web开发人员大吃一惊。这些综合工具聪明、灵活，在使用、风格和性能方面具有高度的交互性。

让我们大同开发网站来看看Adobe最新推出的HTML 5网站开发工具，该工具是2013年重新发明的：

边缘回流

这是一个全新的，响应能力强的Adobe网页设计工具，只供AdobeCreativeCloud成员使用。该工具可以用CSS创建布局和可视化设计，在Adobe的CreativeCloud中完全免费。它有一个智能和直观的设计表面，可以很容易地调整大小。这个表面给出了布局和视觉效果如何适应不同屏幕大小的想法。

它允许用户在浏览器中预览他们的设计，并通过边缘检查扩展实时检查他们的设计。可以将设计CSS传输到Dreamweaver、Edge代码或任何其他代码编辑器进行进一步修改。

它为开发者准备了什么？

Adobe的边缘刷新的主要目的是简化多屏幕设计过程，使其更高效、更有时间限制。用于创建UX原型和可视化设计，然后是快速的模拟.

边缘回流工程在两个设计区域-设计画布的WYSIWYG布局和属性检查(为单一元素样式)。断点创建新的媒体查询区域，可以轻松地调整以编辑可视元素，如框、布局等。

边缘刷新允许开发人员为他们的站点构建响应性原型。该工具提供了在预定时间内从这些网页设计中提取CSS的额外优势。该工具提供布局和代码编辑器的双重功能，并且是现有可视化设计工具的一个补充。

这个工具的一个很好的特点是它允许设计师在不需要任何开发人员的情况下建立工作响应站点的原型。从这个设计中提取CSS的能力也是一个优势。它相当准确，可以在其他地方使用，因此成为过程中节省时间的一大资产。该工具允许您在设计过程中测试实时更改，这是该工具的关键功能。

它提供了一个类似浏览器的功能，允许您修改画布大小、快速上传文件、查看布局演示、解决设计问题、更好地应用和理解CSS定位、向现有的HTML页面添加动画等等。

跟随这段视频去了解更多。

边缘动画

这个工具有助于创建吸引人的和动画的网页内容。该工具已经更新了强大的新功能，例如梯度和对现有新CSS过滤器的支持。它可以创建基于WebKit的跨平台项目。您可以通过集成TypeKit和Edge Web字体来设计优秀的HTML内容。它提供图形运动支持，让我们添加自然效果，使用Pin工具来提高动画的速度，或者使用符号来构建嵌套动画。通过这个工具开发的内容可以很容易地在多个设备上运行，比如iOS、Android、现代浏览器以及旧的浏览器版本。

开始使用边缘动画，下载源文件这是一次丰富的经历。

它为开发者准备了什么？

边缘动画让你的内容风格与其凉爽的浏览器支持的效果。这是为您集成多个图形效果的结果。新版本已经升级，增加了许多新的功能和功能。

该工具附带内置CSS过滤器，您可以应用于图像、div、文本和符号。效果，这是刚刚可用的Photoshop，现在可以使用CSS过滤器。在Chrome、SafariBlackberry 10的支持下，iOS 6只是一种实验性的、创新的手机设计方法。

简单地编辑渐变动画允许你添加样式到你的网页元素，更好。它使您能够创建2.5D效果，应用线性或径向渐变，调整梯度定位，并将CSS属性应用于渐变。

EDGE网络字体是来自世界各地设计师的大型字体库的存储库。管理这些精彩的字体，以增强您的内容排版，到一个全新的水平。

检查这段视频要了解更多：

边缘码

这是一个快速和简单的工具，允许Web开发。它具有许多特性，如实时开发、快速编辑、集成可视化设计工具，而不中断您的编码。编码器获得了使用HTML、CSS和JavaScript的优化体验。此工具与边缘Web字体和Phone Gap构建同步，支持其他工具。

这可以在开源平台上工作，并允许开发人员对其进行更改。该工具帮助开发人员处理Web开发的新挑战和即将到来的挑战，并解决新客户。

它为开发者准备了什么？

这是一个新一代的代码编辑器，包括HTML、JavaScript和CSS的代码提示和着色等特性。它有助于快速编辑多个代码文件，而无需在多个HTML文档之间切换。该工具查找项目中的所有文件，以找到适用的样式。任何通过边缘代码进行的开发都会在一件事情中持续几秒钟，因此您可以根据需要轻松地预览您的更改。

您可以从这里获得更多关于如何使用该工具的知识：http://www.adobe.com/devnet/edge-code/articles/code-editing-with-edge-code.html

EDGE代码是一个可扩展的工具，它附带了一长串已经存在的社区构建扩展。它基于方括号开放源码项目，它允许您轻松地自定义其功能。此外，您还可以定期检查编辑器本身中的更新。

检查这些功能在行动中，在这段视频.

边缘检测

边缘检查的工作方式类似于远程控制，它可以控制多个设备中发生的更新。所有设备都连接到同一个URL，这就不需要手动导航网页了。它甚至将基于用户代理的任何媒体查询或条件代码更新到每个链接设备。更重要的是，这一切都是实时的。

它为开发者准备了什么？

边缘检查允许您轻松浏览网页使用Chrome和所有设备与它连接在同步。大同开发网站可以在启动前测试每个页面的外观和可用性。它防止设备进入睡眠模式，即使您在多个选项卡之间切换，您的文本也将显示在当前选项卡中。