CoffeeCup Responsive Site Designer是一款功能强大,页面精致,适用范围广,专业性强,操作简便易上手的专业网页设计软件。CSS框架帮助数以百万计的设计师和开发人员快速构建站点,还允许创建很酷的交互组件,如dropups、导航菜单、图库等,而不需要费力处理额外的脚本。
主要内容
1.位置与Flexbox
按下按钮即可对齐、堆叠或重新排列元素。它是一个非凡的工具,应该成为任何响应式设计工具包的一部分。在我们的免费互动Flexbox指南中,探索是什么让Flexbox如此神奇,并探索真实的设计实例。
2.全新的用户界面
基于社区的反馈,我们着手解决可见性问题,并更新了UI。它令人惊叹的改头换面使它更清晰,更容易导航,帮助你比以往任何时候都更快地设计你的页面。
3.CSS过滤器和混合模式
动态更改颜色,调整较小显示的设置,并让它们以交互效果和转换响应用户。这些技术将把您的站点带到另一个层次!
4.一个无代码的设计工作流
选择、单击、指向、选择和滚动,创建世界之外的网站和页面。使用无代码CSS控件,您可以专注于设计,而我们则负责代码。您可以自由地探索新的外观和尝试独特的布局。
5.比乐高玩具
忘记重复的设计工作,使用组件库加快生产时间。在其他项目中保存和重用项。CSS框架提供了一种优雅的方法来构建导航菜单、手风琴、很酷的选项卡面板、模态对话框等等。构建一次,随时使用!
6.语义简洁的代码
在实时浏览器环境中构建可以让您的创造力蓬勃发展,因为您不会被代码语法所困扰。干净的语义代码将为您生成。CSS3直接编写到一个真正的样式表中,从而实现无膨胀、易于解释的规则。可用的HTML元素是基于标准的。标签可以通过两个简单的点击来切换,使用语义HTML5元素,从而使页面标记良好,并向搜索引擎传递含义。
7.出口到CodePen
熟练的用户会喜欢将元素的标记导出到CodePen的能力。通过这种方式,您可以在CMS或其他地方使用它,而不需要经过完整的导出。
8.同步起来!
保持项目中常见项目的完美。这将确保您的页脚、导航、徽标和任何其他内容在编辑时保持同步。
功能介绍
一、统治你的内容:
填充白色画布从未如此简单。
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或其他地方一起使用,而无需进行完整的导出。
软件说明
1、拖放内容元素,如标题,图像,按钮,图标等。
2、在项目资源库中组织图像和其他资产。
3、设计与悬停,活动和按下状态控件的交互创建强大的3D效果,使网站活跃起来……
4、使用直观,功能强大的文本编辑器编写,粘贴或编辑文本。
5、无限制的网站项目,每个页面最多50个(现在)页面。
6、全范围视口涓块-在应用程序中以任何可能的宽度查看和处理设计。
7、具有相应媒体查询的移动优先和桌面下行工作流程。
8、行可以被约束到特定宽度或全宽度以吸引视觉(背景)效果。
9、为SEO或插件添加元数据和其他头(或页脚)代码。
10、导出可以上传到任何服务器的干净,语义,HTML和CSS(包括任何添加的插件)。