Webflow可以让你通过拖放来创建漂亮的网页动画

2017年成为网页开发人员。我们早已超越了Flash（RIP），Silverlight和ActiveX的“糟糕的旧时代”。现在可以使用HTML5，CSS3和JavaScript的神圣三位一体构建华丽，引人入胜的动画网站 – 无需插件。如果存在不利因素，这可能会非常耗时，而且需要一定的知识。

Webflow是一项服务，可以让用户直观地创建网站，只需在适当的位置拖放和填充空白即可。今天，它引入了引人入胜的动画元素到页面的能力。这可以像倾斜它的方向一样简单，取决于你的鼠标的位置，或者像整个基于滚动的视差网页一样复杂，当你向下到达底部时，元素在屏幕上移动。

动画是通过时间轴工具创建的，该工具指定应该对元素应用什么效果或变换，以及它应该发生的顺序。

诚然，可视网页开发工具在网页开发人员中名声不好，而且是合理的。Wix和Squarespace等一些服务将您锁定在他们的平台上。虽然您可以创建一个看起来不错并且有实际用途的网站，但是如果您愿意的话，您可能很难将内容移至其他平台。在这方面他们有点像加州旅馆。你可以检查，但离开是血腥的困难。

其他服务和工具已知可导出有问题的代码; 他们可能会承诺给元素不可识别的ID和类名，或者更糟糕的是，使用内联CSS来设置页面的风格。虽然您可以手动破解代码，但这将是很难做到的。

WebFlow的首席技术官兼共同创始人Bryant Chou急于强调这个产品不像上面那样，应该被看作是Web开发的另一个抽象，他说：

“我们不是Squarespace或Wix。我们不是那些奶奶网站建设者之一。我们已经采取了构建Webflow的方法作为构建软件的下一个可视化方式。我们将自己视为互联网构建块上的抽象层，即HTML，CSS和JavaScript。“

与系统软件中的高级编程语言和低级编程语言一样，Chou将WebFlow看作为Web的高级语言。他说，Webflow产生了“语义代码，干净的CSS类，并没有使用疯狂的表格”。他向我展示了一些输出结果，不可否认，它看起来很干净。他说：“人们把它用在react.js应用程序中。”他补充说，一半WebFlow的用户主要是作为开发人员。

周还提出这个技术使生产更容易。开发人员可以构建HTML5动画，而无需查看StackOverfow的正确语法，或者花费数小时搜索错位的分号。他说：“设计师或开发者需要学习的唯一东西就是我们的用户界面。

最后，周强强调，这个工具不仅仅适合于临时用户（尽管它对于所有机器的开发者来说都是可以访问的），而是可以用来创建专业的，复杂的网页。一个令人印象深刻的演示使用视差滚动来说明互联网的整个历史。