对于前端框架,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 代码,整个网页在样式文件、脚本文件上就够臃肿了。因此,我认为,响应式设计是看着很美好的东西。