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

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 出到了第四版Foundation 4,特点么:

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

其他资料

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

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

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

Jeff 之言

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

评分:
当前平均分 3.38 (73%) - 8 个投票
云左主机 广告
2 条 评论
  1. 现在移动端越来越被重视,未来wordpress会自带更多响应式的设计么?

    3年前 回复
  2. 这货好是好,不过他完全不知道IE7

    4年前 回复
发表评论