CoffeeCup Responsive Site Designer特色
1、一个全新的用户界面基于社区反馈，我们开始着手解决可见性问题并更新UI。它收到的令人惊叹的改造使其更清晰，更容易导航，帮助您比以往更快地制作页面。
CSS过滤器和混合模式
动态更改颜色，调整较小显示器的设置，并使用交互式效果和过渡响应用户。这些技术将您的网站带到另一个层次！
2、无代码设计工作流程
选择，单击，指向，选择和滚动以创建不在此世界中的网站和页面。使用无代码的CSS控件，您可以专注于设计，同时我们会处理代码。您可以自由探索新颖的外观并尝试独特的布局。
3、比legos好
使用组件库忘记重复的设计工作并加快生产时间。保存并重用其他项目中的项目。
CSS框架提供了一种优雅的方式来构建导航菜单，手风琴，酷炫的选项卡面板，模态对话框等等。构建一次，随时使用！
4、语义和清洁代码
在实时浏览器环境中构建可以让您的创造力蓬勃发展，因为您不会因为代码语法而陷入困境。将为您生成干净的语义代码。CSS3直接写入真实的样式表，从而产生无膨胀，易于解释的规则。
可用的HTML元素是基于标准的。可以通过两次简单的点击切换标签，以使用语义HTML5元素，如和，从而产生标记良好的页面并向搜索引擎传达意义。
5、导出到CodePen
熟练的用户会喜欢将元素的标记导出到CodePen的能力。这样您就可以在CMS或其他地方使用它，而无需完全导出。
6、同步它！
在整个项目中保持公共物品的完美和谐。这可以确保您的页脚，导航，徽标和其他任何内容在编辑时保持同步。
我们在这里谈论节省时间。
软件功能
一、统治你的内容：填充白色画布从未如此简单。
1、组件
使用组件库可以省去重复的设计工作，并缩短生产时间。保存并重复使用其他项目中的项目。
2、符号
将导航栏，页脚，注册表单等转换为符号，您可以通过一次编辑在整个网站上进行更改。
3、元素
用HTML5提供的所有内容填充空白画布。拖入原始元素并根据需要设置其样式。
4、检验员
检查器为您提供了页面内容的详尽概述。搜索术语以深入到元素级别，然后查看CSS标记。
5、自定义代码
在或页面的任何位置使用javascript和CSS样式表。全屏欣赏我们的代码编辑器对话框。
二、适合您的内容：
使您的项目对任何设备或浏览器负责。
1、CSS网格
通过调整列和行并跨元素来创建无缝布局，使设计栩栩如生。不见不散。
2、弹性盒
轻按按钮即可对齐，堆叠或重新排序元素。这是一种非凡的工具，应该成为任何响应式设计工具包的一部分。
3、自定义断点
在任何像素宽度下均可享受自定义断点的自由。让您的内容决定所需的位置，并完全控制任何屏幕设备。
4、设备视图
轻松预览各种现代设备。您可以将任何屏幕尺寸添加到设备列表中。您还可以在任何浏览器上快速预览。
5、后备能力
针对最广泛的浏览器支持进行设计，并针对支持最新和最强大的CSS属性的浏览器进行增强。
三、免代码设计流程：
选择，单击，指向，选择和滚动以创建世界之外的网站和页面。使用无代码的CSS控件，您可以专注于设计，而我们会处理代码。
1、创建可重用的CSS类
与基于CSS的类系统一起使用，可以同时在多个元素之间进行样式更改。
2、版式
可以访问完整的Google字体库。编辑印刷参数，例如行高，字距调整，跟踪，权重等等。
3、CSS过滤器和混合模式
跳过照片编辑工具，直接在页面画布上工作。应用独特的混合模式和效果，例如重叠，柔和的光线或乘法以创建自己的品牌形象。
4、颜色
使用选择器或滚轮选择任何颜色，创建调色板并在项目中共享它们。
四、导出您的内容：
直接发布到网络上，或交出干净的代码。
1、发布
将您的网站置于网上从未如此简单。发布到世界一流的托管堆栈，该堆栈可以处理您向其抛出的所有流量，并始终通过HTTPS连接进行保护。
2、导出清洁代码
导出干净，语义和W3C兼容的代码。一次单击即可从硬盘驱动器获取HTML和CSS，JavaScript，图像和其他资源。
导出干净的，符合语义且符合W3C的代码
3、提升您的SEO
为SEO或插件添加元数据和其他头（或尾）代码。还要激活结构化数据工作流程，以为Google和其他搜索引擎标记您的内容。
提升您的SEO添加结构数据
4、在CodePen中查看
熟练的用户会喜欢将元素的标记导出到CodePen的功能。这样，您可以将其与CMS或其他地方一起使用，而无需进行完整的导出。
共有 0条评论