- Foundation 教程
- Foundation - 首页
- Foundation - 概述
- Foundation - 安装
- Foundation - 初始项目
- Foundation - 示例大全 (Kitchen Sink)
- Foundation 常规
- Foundation - 全局样式
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript 工具函数
- Foundation - 媒体查询
- Foundation - 网格系统
- Foundation - Flex 网格
- Foundation - 表单
- Foundation - 可见性类
- Foundation - 基本排版
- Foundation - 排版辅助类
- Foundation - 基本控件
- Foundation - 导航
- Foundation - 容器
- Foundation - 媒体
- Foundation - 插件
- Foundation Sass
- Foundation - Sass 函数
- Foundation - Sass Mixin
- Foundation 库
- Foundation - Motion UI
- Foundation 有用资源
- Foundation - 快速指南
- Foundation - 有用资源
- Foundation - 讨论
Foundation - 概述
什么是 Foundation?
Foundation 是一个先进的前端框架,用于设计美观且响应式的网站。它适用于所有类型的设备,并提供 HTML、CSS 和 JavaScript 插件。
Foundation 最初是 ZURB 公司在 2008 年创建的内部样式指南。ZURB 是一家位于加利福尼亚州坎贝尔的产品设计公司。它于 2011 年 10 月发布了 Foundation 2.0 开源版本。Foundation 的最新版本是 6.1.1,于 2015 年 12 月发布。
为什么要使用 Foundation?
它使用 Sass 编译器,速度比默认编译器快得多,从而加快开发速度。
它为您的网站添加了价格表、开关、Joyride、范围滑块、灯箱等等。
它带有 Grunt 和 Libsass 等开发包,可以加快编码速度并提高控制能力。
Foundation for sites 为您提供 HTML、CSS 和 JS,以便快速构建网站。
电子邮件框架为您提供响应式的 HTML 电子邮件,可以在任何设备上阅读。
Foundation for Apps 允许您构建完全响应式的 Web 应用程序。
特性
它拥有强大的网格系统、一些有用的 UI 组件和酷炫的 JavaScript 插件。
它提供响应式设计,适用于所有类型的设备。
它针对移动设备进行了优化,并真正支持移动优先方法。
它提供可定制和可扩展的 HTML 模板。
优势
如果您掌握 HTML 和 CSS 的基本知识,它很容易学习。
您可以自由使用 Foundation,因为它是一个开源项目。
它为您提供了一堆模板,帮助您立即开始开发网站。
Foundation 支持 Sass 和 Compass 等预处理器,从而加快开发速度。
劣势
由于 Twitter Bootstrap 的流行,Twitter Bootstrap 的社区支持比 Foundation 更好。
初学者可能需要一些时间来学习和利用预处理器支持。
缺乏更广泛的支持,例如用于修复问题的 QA 网站和论坛。
与其他框架相比,Foundation 的主题较少。