基金会的根源在于 ZURB 样式指南,这是一系列 HTML、CSS 和 Javascript,帮助我们快速设计出惊艳的网站。它现在被数百万设计师和开发者使用,并且在网络上一些最大和最受欢迎的网站上得到支持。以下是 Foundation 如何成为世界上最先进的响应式前端框架的历程。
Foundation 是一个响应式前端框架。
简单易用的 HTML、CSS 和 Javascript 助您创造一切精彩。
前端 框架 是包含您可以构建的设计模式的 HTML、CSS 和 JavaScript 集合。它让您不必一遍又一遍地浪费时间重写乏味、样板的代码。除了节省时间之外,它还可以帮助您编写更好的代码。基于 Foundation 构建的网站在台式机和笔记本电脑、平板电脑和手机等多台设备上都能很好地运行,因为它是一个响应式框架,使用了 CSS 媒体查询和 移动优先方法。设计师可以为各种屏幕尺寸创建独特的设计,无论使用什么设备,都能确保体验顺畅。
基金会数字
前 30 名
开源项目
27K
每天的 Google 搜索
850+
贡献者
23,900
GitHub 星级
5200
GitHub 分支
12,100
提交到目前为止
基金会包括工具和资源,例如一个强大的响应式网格,具有大量便捷选项、模态、排版、导航组件和表单元素,设计师可以快速将其插入到自己的产品中。Foundation 也是模块化的,这意味着您可以根据需要使用它的一小部分或全部。
由于世界各地的开发人员(包括我们在 ZURB 的开发人员)每天都在使用 Foundation,因此对代码进行了大量的迭代,并且不断修复错误。您可以将它想象成共享智慧的集合,整个全球社区都在找出最佳实践。Foundation 易于使用、易于学习且功能强大,是目前最先进的前端框架。
为四个角落而打造
当我们在 2011 年发布 Foundation 时,我们希望为人们创建一个轻松构建响应式网站的方法,这仍然是我们的驱动力。在 ZURB,我们几乎专门为自己和我们的客户创建响应式网站,而 Foundation 在其中发挥了巨大的作用。我们每天都在使用它,而且我们知道它可行。
基于 Sass 构建
我们决定在 Sass(从技术角度来说是 Scss)上构建 Foundation,大约一年前,而且我们从未后悔过。Sass 不仅在不断开发中,而且通过 Sass,您可以获得语义代码、更快的样式以及大量令人惊叹的编程功能。
Foundation 6 的主要指令
我们的目标:提供一个框架,允许其他人(以及我们自己)构建设计更出色、更适合未来的网站。成为以响应式方式创建原型和针对任何设备构建的最快速方式还不够。Foundation 还必须让我们成为在不断变化的移动设备世界中蓬勃发展的更出色的设计师。这就是我们努力让每个新版本的 Foundation 更加高级的原因,这样您可以更智能、更快速地编码。探索 Foundation 功能 →
为用户带来更快速体验
Foundation 拥有更快速的内核,让您能够为所需屏幕创建经过优化的出色页面。经过更新的内核还删除了用户不必要的花费时间,特别是在动画和过渡方面。新的、经过更新的可视化风格更简单、更简洁、更性感,而且重新设置样式更快速。
编码更快速
通过中型网格和自定义语义断点,创建适用于任何设备的网站和应用变得比以往更快。现在有了一种新的命令行工具,可让您以极快的速度构建 Foundation 项目。而且我们的 Foundation Business 服务可让您为公司的所有项目接收专业支持、咨询、工具和培训。
学习更快速
为了帮助您提高构建适合未来网站方面的技能,我们改进了文档并创建了一个社区论坛,这样您就可以更快地深入学习。我们还撰写了一个新的“入门”指南,您能以比完成 Kessel Run 任务更快的速度使用 Foundation。还有我们的 Foundation Forum,您可以在其中向整个 Foundation 社区寻求帮助。
适合您业务的 Foundation
Foundation 如何成为公司的专业选择
Foundation 不仅仅适合单个设计师,而且适合整个团队。而且我们每天都在 ZURB 证明着它的优势。我们每天在从营销网站到 Web/移动应用的每个客户或内部项目中对该框架进行战斗测试。如果它能够帮助我们做好我们的工作,那么它肯定也能够帮助其他公司、设计师和开发人员。这样一来,Foundation 就成了任何业务产品的完美基石。而且我们可以提供帮助。详细了解 Foundation Business →
Foundation 支持
我们知道为您提供解决方案是一件多么重要的事情。我们有一个团队随时准备回答您的问题。
面向工程的 Studio
我们自 1998 年起就开始构建产品,而且我们可以帮助您为下一个项目使用 Foundation。
Foundation 培训
我们提供越来越多面向在线课程,以便您的团队开始使用 Foundation。我们也可以上门提供定制培训。
上传您的代码
Notable 提供一系列应用,帮助您设计产品,并且允许您托管并共享 Foundation 代码。
Foundation 的历史
关于 Foundation 如何和为何创建并得到发展的背景故事。
Foundation 最初的灵感源于 ZURB 于 2008 年编写的风格指南,我们将其用于每个客户项目。最终,我们决定我们需要一个允许我们快速创建原型的框架。我们采用了我们全球性的 CSS、jQuery 插件、通用元素以及最佳实践,并将其汇集在一起,创造了 Foundation,我们在 2011 年首次向公众发布。我们决定对 Foundation 开源,因为我们知道它将有助于推动响应式设计的发展,但最主要是为了帮助人们更快、更好地进行设计。
就像哈里·谢顿一样,我们预测了未来。我们看到移动设备越来越受欢迎,也越来越重要。我们了解到,我们必须拥有功能更完善、更流畅的功能,以便在不同的屏幕中以不同的方向工作。该框架必须是响应式的,这是毫无疑问的。而且我们是第一个响应式的开源框架。我们也是第一个语义框架,是第一个移动优先的框架。在 Foundation 5 出现后,我们还成为第一个包括 Sass 部分的框架。
多年来,Foundation 已经成长为一个拥有执着的设计师和开发者的社区。与此相伴,我们的吉祥物,雪人 也随之发生了改变。我们持续探索未知领域,确保 Foundation 仍然是全球领先、最先进的响应式前端框架 ... 甚至超乎想象!
简要时间表
快速了解 Foundation 多年来的成长历程。
2008
- 创建 ZURB 风格指南来帮助我们加快工作进度。它是一套实用的 HTML、CSS 和 Javascript 集合,我们将其用于每个客户端项目。ZURB 风格指南的理念多年来不断演变,并成为全新框架 Foundation 的基础。
2010
- 固化 ZURB 风格指南,并将其命名为 Foundation。它已在内部用于所有客户端项目以及 ZURB 网站和应用。
2011
- Foundation 2.0 作为开源项目向公众发布!Foundation 是第一个响应式前端框架,并帮助引领了整个 Web 的 RWD 潮流。
2012
- Foundation 3.0 发布!此版本附带 Sass,并且是第一个使用混入并集的框架。
2013
-
二月
今年不仅发布了一个版本,而是发布了三个 Foundation 版本!版本 4以移动优先为目标,添加了许多新组件,并进行了视觉更新。我们的响应式图像插件称为 Interchange 添加到 Foundation,以使使用它构建的网站加载速度更快。 -
十一月
Foundation 5 致力于提高速度。它使借助框架学习、使用和开发的速度比以往任何时候都快!更多的全新组件,如 Equalizer、Off-canvas 和 Icon-bar,让它成为了一个更加完善的套装。我们的响应式内容插件 Interchange 现在可以基于屏幕尺寸替换 HTML 内容和图像。 -
十一月
Ink(即将成为 Foundation for Emails),我们的响应式电子邮件框架在年底发布,它帮助设计师轻松创建美观、响应式的电子邮件。
2014
- 我们推出了 Foundation for Apps,这是第一个用于开发完全响应式 Web 应用的前端框架。Foundation for Apps 现在是 ZURB Playground 的一部分。
2015
- Foundation for Sites 和 Emails 框架均联合在 Foundation 名称下,是一个用于快速构建响应式网站、应用和电子邮件的完整解决方案。
关于 ZURB
一个 T 型产品设计师团队,改变着人们设计网站、产品和服务的模式。
ZURB 是一家产品设计公司,总部位于加州坎贝尔。自 1998 年以来,我们已与三星、eBay、McAfee、Mozilla、Netflix、SAP 和 250 多家初创公司合作,设计更好的产品、网站和服务。我们始终认为客户和员工是我们作为一家公司取得成功的不可或缺的部分。无论他们的职位或角色是什么,我们都将他们视为设计师。他们帮助我们打造了一家卓越的公司,并始终专注于设计卓越的产品和服务。
我们的 Foundation 开源前端框架被全球数百万设计师和开发者用于创建卓越的响应式网站、应用和电子邮件。我们的 Notable Platform 专注于渐进设计,因为要将愿景转化成产品是一项艰苦的工作。它需要动力和毅力来通过每一次迭代学习,并在此过程中获得认可。最重要的是,需要团队共同努力、互相鼓励以走向胜利。
详细了解 ZURB →使用 Foundation 的品牌
我们撰写的 Foundation 相关文章
现在我们已经写 Foundation 和响应式设计有一段时间了。Foundation 博客是与更新版本、发布内容和其它响应式设计的相关信息保持同步的场所。
阅读我们以前的博客文章 →