CoffeeCup Responsive Site Designer

1.位置与Flexbox

按下按钮即可对齐、堆叠或重新排列元素。它是一个非凡的工具，应该成为任何响应式设计工具包的一部分。在我们的免费互动Flexbox指南中，探索是什么让Flexbox如此神奇，并探索真实的设计实例。

2.全新的用户界面

基于社区的反馈，我们着手解决可见性问题，并更新了UI。它令人惊叹的改头换面使它更清晰，更容易导航，帮助你比以往任何时候都更快地设计你的页面。

3.CSS过滤器和混合模式

动态更改颜色，调整较小显示的设置，并让它们以交互效果和转换响应用户。这些技术将把您的站点带到另一个层次!

4.一个无代码的设计工作流

选择、单击、指向、选择和滚动，创建世界之外的网站和页面。使用无代码CSS控件，您可以专注于设计，而我们则负责代码。您可以自由地探索新的外观和尝试独特的布局。

5.比乐高玩具

忘记重复的设计工作，使用组件库加快生产时间。在其他项目中保存和重用项。CSS框架提供了一种优雅的方法来构建导航菜单、手风琴、很酷的选项卡面板、模态对话框等等。构建一次，随时使用!

6.语义简洁的代码

在实时浏览器环境中构建可以让您的创造力蓬勃发展，因为您不会被代码语法所困扰。干净的语义代码将为您生成。CSS3直接编写到一个真正的样式表中，从而实现无膨胀、易于解释的规则。可用的HTML元素是基于标准的。标签可以通过两个简单的点击来切换，使用语义HTML5元素，从而使页面标记良好，并向搜索引擎传递含义。

7.出口到CodePen

熟练的用户会喜欢将元素的标记导出到CodePen的能力。通过这种方式，您可以在CMS或其他地方使用它，而不需要经过完整的导出。

8.同步起来!

保持项目中常见项目的完美。这将确保您的页脚、导航、徽标和任何其他内容在编辑时保持同步。