Foundation 教程



  • 什么是Foundation?

    Foundation 是用于设计漂亮的响应式网站的高级前端框架之一。 它适用于所有类型的设备,并为您提供 HTML,CSS 和 JavaScript 插件。
    Foundation 最初是作为内部样式指南,由 ZURB 于 2008 年建立。ZURB 是位于加利福尼亚坎贝尔的产品设计公司。 它于2011年10月发布了 Foundation 2.0 作为开源。Foundation 的最新版本是 6.1.1,于2015年12月发布。
    注意:本教程使用 Foundation 的稳定版本 6.0.1
  • 为什么要使用Foundation?

    • 它使用 Sass 编译器提供了更快的开发速度,该编译器的工作速度比默认编译器要快得多。
    • 它通过表格,开关,操纵杆,范围滑块,轮播图等丰富了您的网站。
    • 它带有诸如 Grunt 和 Libsass 之类的开发包,用于更快的编码和控制。
    • 网站基础基金会为您提供 HTML,CSS 和 JS,以快速构建网站。
    • 电子邮件框架为您提供了响应性 HTML 电子邮件,可以在任何设备上阅读。
    • Foundation for Apps 允许您构建完全响应的 Web 应用程序。
  • 特征

    它具有强大的网格系统以及一些有用的UI组件和出色的 JavaScript 插件。
    它提供了响应式设计,可为所有类型的设备提供服务。
    它针对移动设备进行了优化,并真正支持移动优先方法。
    它提供了可定制和可扩展的 HTML 模板。
  • 优点

    一旦您对 HTML 和 CSS 有基本的了解,就很容易学习。
    您可以自由使用 Foundation,因为它是开源的。
    它提供了许多模板,可帮助您立即开始开发网站。
    Foundation 支持 SASS 和 Compass 等预处理器,从而使开发速度更快。
  • 缺点

    由于 Twitter Bootstrap 的流行,社区对 Twitter Bootstrap 的支持比 Foundation 更好。
    初学者可能需要一些时间来学习和利用预处理器支持。
    缺少质量检查站点和论坛等广泛的支持来解决问题。