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

15,531
Foundation:高级的响应式前端框架
  • 3.38 / 5 5
3.38分(8票)
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 代码,整个网页在样式文件、脚本文件上就够臃肿了。因此,我认为,响应式设计是看着很美好的东西。

喵~本文目前有2条留言,欢迎发表评论!

  1. 板凳也不错
    :

    现在移动端越来越被重视,未来wordpress会自带更多响应式的设计么?

    [回复]
  2. 传说中的沙发
    :

    这货好是好,不过他完全不知道IE7

    [回复]

打破沉默,我来发表评论鸟~