＃175：关于Webflow的7件事

影片下载
（只有MVP支持者可以下载原始高质量的录音以供离线查看。）

（这是我在CSS-Tricks和Webflow之间工作的赞助商视频。我认为Webflow是构建网站的一种引人入胜的产品，在我看来，此刻属于其自身类别。这需要一点点时间。让您全神贯注，所以我希望这是该视频可以为您提供的帮助。）

1）Webflow专为专业设计和开发人员而打造

已经知道如何使用代码构建网站？ 棒极了。 这并不意味着Webflow在您的能力之下。 Webflow与HTML和CSS都是相同的抽象，但是在可视画布上公开了这些接口。

2）可重用样式是Webflow的核心

您中CSS开发人员可能渴望将所有内容都放入类中。 类是CSS可重用性的最终工具。 好消息，您在Webflow中设置样式的所有内容实际上都是通过作为类的选择器进行的。 甚至没有“喜欢”一堂课。 这是真正的内幕。 Webflow不会伪造网络，它是网络。

3）Webflow具有Flexbox和CSS Grid之类的功能

无需考虑语法就可以在可视画布上使用flexbox和grid非常令人满意。 您无需记住属性名称和值，而是单击按钮来处理间距和对齐方式，或者直接在画布本身上使用工具。

关注响应式设计？ Webflow已完全涵盖了这一点。 当您调整大小和更改断点时，画布本身会更改大小，并且您设置的样式会从大到小向下流动。

4）发布更快，省心

在Webflow中完成网站设计后，您无需再将其交给其他人在其他地方进行构建。 您已经完成，已经建立了网站。 您可以单击“发布”按钮，并在几秒钟内将其发布到URL。 然后，您可以将任何其他域映射到该域，并且托管和部署情况已得到解决。 没有SFTP。 没有安全问题。 您无需处理任何软件更新。

5）Webflow CMS非常强大，并且考虑到客户和营销人员的需求

Webflow具有内置的CMS，该功能与其他任何功能一样强大。 您只需配置所需的内容模型（显然不需要编码）就可以了。 从某种意义上说，就像表单生成器。 这样，这些字段就可以像在静态内容中一样容易地在模板中使用。

也许最好的部分是，可以通过站点本身上的最小界面来创建和编辑数据。 CMS中（并且您已允许）中的每个字段都可以直接在实时站点的前端进行编辑。 底部还有一个栏，用于通过管理界面创建和编辑内容。 页面编辑和表单样式编辑两全其美。

6）Webflow的动画工具更上一层楼

您可能第一次听说Webflow是通过查看它以令人难以置信的交互设计构建的网站。 有趣的是，Webflow自己的所有营销页面都是使用Webflow构建的。 查看设计器页面以了解口味。

诸如视差之类的基于滚动的动画，诸如单击和悬停之类的事件的动画，都可以通过交互面板来实现，在该面板中，您可以将它们附加到不透明度，运动和旋转等方面的变化。 有一些一流的预设可以帮助您，还有一些下级的功能，例如集成令人难以置信的Lottie动画。

7）为您提供大量的学习内容和社区

学习Webflow并不是一件好运，我希望您能找到一些博客文章或YouTube视频 。 Webflow University是完全免费的，并且绝对包含您想了解的有关使用Webflow构建网站的所有信息。 这可能是您的训练营。

---

尝试Webflow

翻译自: https://css-tricks.com/video-screencasts/175-7-things-to-know-about-webflow/