Foundation 的所有功能。无需编码。前端框架提供了可靠的网格系统和经过良好测试的预定义样式库。 JavaScript 模块允许创建交互式网站组件，例如下拉菜单和响应式导航模式。我们喜欢 Bootstrap，但我们非常喜欢 Foundation，因为……
自定义预构建组件
从导航菜单、手风琴、酷选项卡面板、模式对话框、下拉菜单等等中进行选择。
创建您自己的交互组件
直观地组合 HTML 元素、（预定义和自定义）CSS。然后混合交互式脚本来创建离屏导航、弹性卡、信息弹出窗口或画廊。确实，您可以构建的内容没有限制！
链接元素或整个组件
符号代表链接的元素或元素组。对符号项的更改将全局更新该符号的所有实例。文本、图像等内容，甚至导航菜单等组件结构，只需要更新一次。
不受束缚的灵活性
使用预览功能轻松浏览符号，并通过单击按钮导航到特定实例。如果需要对符号进行变体，只需取消链接实例即可，它将不再受到全局更新的影响。
它是最小的和模块化的
组合元素、创建样式并添加脚本。这就像玩技术乐高（而不是得宝……）
有切换器
这真的很震撼！通过交换类或显示隐藏项目来创建所有类型的交互元素。
包括运动用户界面
该库有助于通过使用简单的数据属性来创建灵活的 UI 转换和动画。
战斗相同。发挥。设计创意。
为什么这么多响应式网站看起来如此相似？手动编码时，在移动优先工作流程中重构布局和预定义断点可能会很痛苦。 Foundation Framer 具有用于视觉创建独特设计的所有控件，从 XS 到 XXXL 屏幕！不必担心代码可以进行更多实验并激发创造力。时尚的界面和直观的风格控件保证了独一无二的设计。
灵活性和真实内容设计的案例。
当我们规划响应式应用程序的运行方式时，我们专注于与设备无关的设计的核心：具有完全适应性布局的自定义断点。毕竟，幻想只能建立在坚实的基础上。好奇这是为什么？我们来看一个真实的设计案例。
默认情况下，Foundation 带有 2 个断点。
这些是下图中的蓝点。现在看看布局。两列设计在当前宽度下看起来很棒，但在较小的屏幕上，可能更喜欢单列。但是，如果使用默认断点，则需要选择其中之一；对于小于 640 像素的每个屏幕，可以是单列，也可以是两列。
单击即可添加断点。
在处理真实内容的同时，能够轻松添加自定义断点以适应布局，从而带来更大的灵活性和更好的设计决策。在本例中，添加了一个自定义断点（白点），将布局从单列更改为 450 像素的两列结构。不同的间距通常会导致字体大小的变化；此设计更改和其他设计更改也可以在断点处应用。
轻松设计超大型设备。
在为（非常）大的屏幕进行设计时，可以采用类似的情况。拉起两列并创建六列行怎么样？有了 Foundation Framer，设计师现在可以用有限的努力做出决定。最终，这将在所有设备上创造更好的用户体验。在您需要的时间和地点设置断点。从示例中可以看出，在没有布局和内容的情况下定义断点是没有意义的。设计或布局的更改需要基于实际内容，以获得最佳的用户体验。断点管理是创建真正与设备无关的设计的关键。
使用 CSS 自动设计。
只需选择选项、按下按钮并指定尺寸即可使用 CSS 的完整布局功能。这不仅是富有想象力，而且是巧妙的！
使用 P 表示 <图片> 和性能
使移动观看者免于下载繁重、加载缓慢的图像文件。使用图片元素，您可以为每个观看者提供更友好的尺寸。
派拉蒙定位控制
将内容放置在您想要的位置。选择您的显示、绝对定位、设置为清除或浮动，或者通过使用令人难以置信的可视化 Flexbox 控件来简化您的生活。
多种后台功能
不要将自己限制在单一背景中。分层多个背景以获得额外的维度，以获得真正身临其境的外观。
调色板管理
使用精确的选择器从屏幕上的任何位置抓取颜色。将它们保存到您的调色板中，使它们井井有条并重复使用。
美味的版式
可点击的控件使您可以轻松设置和设计您的消息。它还加载了可定制的谷歌字体。使用内联编辑器，您可以使用其自己的外观来个性化特殊文本。
轻松布局管理
单击“布局”窗格来构建布局。添加、删除和合并行和列以保存内容。还可以调整跨度宽度、偏移以及推拉设置！
手动调整也是一种选择！
Foundation Framer 是一款可视化应用程序，但任何想要深入了解后端的代码行家也可以选择该选项。导出到任何代码编辑器以手动编辑清晰干净的标记。 Sweet：链接在自定义样式表中，重新导出时不会被覆盖！
系统要求
Windows 11、10、8/8.1、7、Vista
网盘下载
https://pan.quark.cn/s/f31c725cfaf7 提取码：PdUW
https://pan.baidu.com/s/1uJgx14t2Vd25y3_uX2kD5g 提取码：p5bf
gx625970512 1天前说：
评论前必须登录！
注册