第一个开源响应式框架。第一个语义化框架。第一个移动优先框架。第一个使用 Sass 构建的框架。第一个内置无障碍功能的框架。Foundation 专注于未来，赢得了全球数千家最大公司的尊重和信赖，这些公司选择在 Foundation 上构建自己的品牌，以及全球数百万每天使用它的设计师和开发人员。没有其他框架比它为推动网络发展做出更多贡献，它已发展成为历史上最受欢迎的开源项目之一。我们为过去五年取得的成就感到自豪，并将目光坚定地投向未来，投向新的可能性，投向持续的第一。

Foundation 的热爱

全世界数百万人每天都在使用 Foundation 来创造令人惊叹的东西，这使其成为现存最活跃、最鼓舞人心的开源项目之一！从杂志到博客，从设计师到首席执行官，在世界各地，人们都喜欢使用 Foundation。

Doug Macklin

金州勇士队

“Foundation 使我们能够轻松构建页面；借助所有可用工具。可以轻松地在页面上添加 CSS 或 Sass，并使其按预期显示。只要可以，我都会使用 Foundation 进行构建。”

Steven Wu

Creative Bloq

“ZURB 的 Foundation 框架易于使用、功能强大，并且可以灵活地为任何设备制作原型和构建可投入生产的网站。”

Chris Moore

Gaslight Creative 首席执行官

Foundation 几乎处于不断的开发中。它会经常更新。这让我很兴奋。他们构建了一些很棒的东西，并且每个版本都在不断改进。还有一个庞大而活跃的社区参与开发。在撰写本文时，Foundation 代码库拥有 20,621 个星标。这真是令人印象深刻。

Nick Pettit

Team Treehouse

“当我设计新的 Web 项目时，我总是先考虑移动设备上的体验，然后再考虑更大的屏幕尺寸，我个人认为 Foundation 在块网格和可折叠行方面略胜一筹。”

Envato 的 Adi Purdila

金州勇士队的 Doug Macklin

BeachFleischman 的 Daniel Bishop

Fluid Junction 的 Alex Smith

查看更多评价 →

使用 Foundation 构建的品牌

大品牌越来越依赖世界上最先进的响应式前端框架。他们的网站现在可以构建，以便客户可以在任何设备上与他们建立联系。

宣言
Foundation
宣言

我们相信设计正在推动世界前进。

设计是一个过程，一个不断发展的过程，而不是一个孤立存在的物体。我们相信，设计与媒介息息相关，从“为什么”开始，但深入到“如何”和“什么”。

Foundation 将媒介带入设计。

它将设计带入媒介，使其具有响应能力、形状、维度和交互性。Foundation 来自于媒介，不断发展、不断变化，吸收了全球从业者的精华。

Foundation 采用尖端技术并交付。

这使其易于访问、易于使用、完整。Foundation 着眼于设计与实现之间的人为障碍，并将其打破，重新利用其组件为创造力奠定基础。

Foundation 不仅仅是一个框架。

它是设计和实现之间的一种共享语言。Foundation 在主观性和自由之间取得了平衡，它提供了一种结构来加速你的开发，使其达到想象力的速度，同时又不会剥夺你独树一帜的自由。在 Foundation 上，你可以自由地担心“为什么”和“如何”，让 Foundation 来处理“什么”。

你创造你。

你创造你的品牌，你创造你的视觉识别，Foundation 将其带到你的网站、你的应用程序、你的电子邮件，你想要的任何地方。

Foundation 的起源

2008

创建样式指南是为了帮助我们加快工作速度。它是我们在每个客户端项目中使用的 HTML、CSS 和 Javascript 的便捷集合。ZURB 样式指南的理念多年来不断发展，并为新的框架 Foundation 奠定了基础。

2010

样式指南被固化并命名为 Foundation。它在所有客户端项目以及 ZURB 网站和应用程序中都得到了内部使用。

2011

Foundation 2.0 作为开源项目向公众发布！Foundation 是第一个响应式前端框架，并引领了 RWD 在网络上的发展。

2012

Foundation 3.0 发布！此版本随附 Sass，并且是第一个使用 mixin 和 Sass 部分的框架。

2013 年 - 2 月

今年 Foundation 不仅发布了一个版本，而是三个版本！版本 4 采用了移动优先的策略，添加了许多新组件，并进行了视觉更新。我们名为 Interchange 的响应式图像插件已添加到 Foundation 中，以使使用它构建的网站加载速度更快。

2013 年 - 11 月

Foundation 5 关注的是速度。它使学习、使用和使用该框架进行开发的速度比以往任何时候都快！更多新组件，例如 Equalizer、Off-canvas 和 Icon-bar，使其成为更完整的软件包。我们的响应式内容插件 Interchange 现在可以根据屏幕尺寸交换 HTML 内容和图像。

2013 年 - 11 月

我们的响应式电子邮件框架 Foundation for Emails（以前称为 Ink）在年底推出，可帮助设计师轻松创建美观、响应迅速的电子邮件。

2014 年 - 11 月

我们推出了 Foundation for Apps，这是第一个为开发完全响应式 Web 应用程序而创建的前端框架。

2015

Foundation for Sites 6 发布。比以往任何时候都更快、更轻便、更通用、更灵活、更强大，可以让你将项目从原型设计到生产。

2016

Foundation for Emails 2 推出，通过使用最新 Web 技术的工作流程彻底改变了电子邮件开发。

Foundation 的未来

回顾 Foundation 在过去五年中取得的所有成就令人印象深刻，但我们始终将目光坚定地投向未来，投向新的可能性。

Foundation for Sites

前端 Web 开发从未像现在这样令人兴奋。浏览器技术正在迅速发展，高级 JavaScript 框架正在支持越来越复杂的应用程序，设计最终已成为新产品开发的驱动力。所有这一切创造了一个令人难以置信的环境，Foundation 在其中比以往任何时候都更加重要。我们正在清理现有框架，使其更好地适用于所有用例，并提前计划以使 Foundation 始终处于 Web 技术的最前沿。

在不久的将来，我们将在 10 月 20 日发布补丁版本 (6.2.4)，该版本修复了许多未解决的问题，并继续提高 flex 网格和传统浮动网格之间的一致性。之后，下一个版本的目标是在 12 月 2 日发布，它将提高选项卡和手风琴的可用性和选项，尤其是在移动设备和键盘设备上。还将有一个期待已久的新组件 - 卡片 - 以及一系列附加功能。展望未来，我们正在计划进行一系列改进，以使 Foundation 始终处于 Web 技术的最前沿，使未来五年比过去五年更加令人兴奋。

查看路线图

Foundation for Emails

HTML 电子邮件的开发终于赶上了现代网页设计。电子邮件设计社区一直在收到一个又一个令人兴奋的更新。Gmail 现在支持 <style> 标签，而 Outlook 的人则致力于改善 Outlook 的 HTML 电子邮件体验，情况正在好转！我们对 Foundation for Emails 的发展方向感到无比兴奋。

那么 Foundation for Emails 的下一步是什么？短期内，我们将推出一系列错误修复，以完善整个框架，并使经过改进的新 Gmail 更加令人满意。随着 11 月的到来，我们将着眼于合并基于树的解析器，以便那些仍然希望进行内联的人可以拥有更大的灵活性。我们也很高兴能够支持与任何语言一起使用的自定义 Inky 标签。Foundation for Emails 经历了激动人心的几年，我们迫不及待地想进一步改进和简化 HTML 电子邮件开发的世界。

查看路线图