xpressive是一款 CSS3 开发编辑工具,支持实时预览功能,能够帮助我们轻松地进行网页开发设计工作,具备很多直观的 HTML5 和 CSS3 编辑功能,在你编辑、修改、保存代码的同时可以直接预览你的网页内容变化。
Xpressive字体功能介绍
样式检查
用你的鼠标看款式细节预览,就像在Safari和Chrome Web检查器中检查的任何元素。与直接样式检查,使风格的变化和更新的样式表,不损坏任何代码。同时,直接插入功能,你可以直接编辑,插入和消除元素的风格,媒体查询,和关键帧。直接插入,这没有必要打开代码。变化将直接被插入到代码。
关键帧时间表
如果你有一个动画,你可以很容易地编辑上CSS3时间表。在时间轴上,你可以比较几个不同的关键帧。当然,编辑代码后, Xpressive会输出代码按开/关供应商的前缀。如果你有一个复杂的动画,你仍然可以轻松地管理它的关键帧时间轴和样式检查。
反应监测
Xpressive会拥有工具来帮助你怎么看你的网页内容将显示在各种不同的设备。有一种顺应作为一个滑动标尺以及一个快捷方式(命令+0-1 )来控制大小。有了这些工具,你可以修改的屏幕尺寸。这是不是需要调整您的浏览器窗口。轻松监控你的材料是如何通过不同的显示器显示的旋转。
DOM督察
DOM检查您展示了如何将读取你的HTML浏览器。您可以点击预览,DOM Inspector将立即找到你所需要的元素。 DOM督察工作,即使是最复杂的代码也能进行督查。当你选择一个元素,不要紧,不论多么复杂的代码Xpressive for Mac都将找到它。使用拖放从片段和元素列表中添加元素。这样你就可以设计一个真正的动态DOM文档。
创建2D/3D图形
视觉反馈,节省您的时间,但它有其他有益的影响。例如,到现在为止,只有简单的CSS图形可以以这种方式创建。现在,更复杂的图形可以被创建。
Webkit的支配场
Xpressive for Mac会具有强大的预览功能,它采用的Safari的Webkit渲染引擎的可靠性。Xpressive for Mac渲染预览会将在Safari渲染的结果相同呈现。