Foundation：高级的响应式前端框架

对于前端框架，Jeff 了解Bootstrap 甚于这个Foundation（貌似在写该文之前还没听说过Foundation）。所以，今天在这里恶补一下，介绍一下这个高级的响应式前端框架（The most advanced responsive front-end framework in the world）——Foundation 框架。

简介

Foundation 前端框架官方地址：http://foundation.zurb.com/

Foundation 是一款开源的前端框架，我们可以使用它快速创建页面原型。相比于其他同类型工具，Foundation的移动化方案更加出色；借鉴响应式Web 设计的思路和方法，Foundation 对内容结构在不同类型设备中的的呈现方式进行了相应的预设。

就是说这货是为当前移动互联网而生的，更多是对付日益多样的移动设备。

目前Foundation 出到了第四版Foundation 4，特点么：

• 移动设备优先（Mobile First）——现在你可以首先为小型设备进行设计；
• 语义化（Semantic）——*大概是代码更加语义化的意思吧；
• 新的js（Awesome Javascript）——重写了javascript 插件，功能更强大，运行更快；

其他资料：

《Foundation框架 – 快速创建跨平台的网站页面原型》——国内网友翻译的Foundation 一个入门教程。

《初学Foundation之入门篇》——翻译的入门教程；

《初学Foundation之网格系统》——翻译的略高级教程;

Jeff 之言

好吧，看着看着貌似需要了解挺多的。Jeff 也是刚刚才了解，不是很熟悉。对于前端框架，无论是这个Foundation 还是Bootstrap ，用来开发固然有许多好处。但Jeff 也认为，对于国内的互联网环境而言，还是不怎么给力。毕竟，一个框架n多CSS 文件、js 文件的，于国内整体网速而言是一个软肋。之前社团有个同学用Bootstrap 做了个报名网页，但对于还在使用移动GPRS 的广大新生而言，注定是难有效果。又言道响应式设计，姑且不论前端显示效果如何，单单为不同分辨率做媒体查询，进而增加“响应式”的CSS 代码，整个网页在样式文件、脚本文件上就够臃肿了。因此，我认为，响应式设计是看着很美好的东西。