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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端小吉米

不再碎片化学习,快速掌握 H5 直播技术

4154
来自专栏chenssy

美团面试经历,贡献出来一起学习

美团我是在拉勾网上投的简历,之前也投过一次,简历都没通过删选,后来让学姐帮我改了一下简历,重新投另一个部门,获得了面试机会。10月23日中午HR打电话过来预约了...

6312
来自专栏数据之美

深入分析诡异的 Excel 求和统计缺失问题

1、背景 昨天有同学在用 Excel 做数据统计时偶然发现 Excel 会少算一些数据,而且这个坑让这位同学排查了很久才确认不是自己统计程序错误而只是 Exce...

22010
来自专栏京东技术

小程序开发效率提升神兽:京东Taro诞生记

自 2017-1-9 微信小程序(以下简称小程序)诞生以来,就伴随着赞誉与争议不断。从发布上线时的不被大多数人看好,到如今的逐渐火热,甚至说是如日中天也不为过,...

2312
来自专栏LuckQI

美团面试经历,贡献出来一起学习

  晚7点,因为想到下周一才面试,我刚准备出去打个羽毛球,北京的电话就来了。面试官各种抱歉,说开会拖延了。 1、自我介绍 说了很多遍了,很流畅捡重点介绍完。...

4952
来自专栏跨界架构师

如何一步一步用DDD设计一个电商网站(八)—— 会员价的集成

前面几篇已经实现了一个基本的购买+售价计算的过程,这次再让售价丰满一些,增加一个会员价的概念。会员价在现在的主流电商中,是一个不大常见的模式,其带来的问题是:

992
来自专栏咸鱼不闲

科大讯飞语音识别和语音播放dome

首先登陆科大讯飞开发者平台,注册账号,(走你->http://www.xfyun.cn/) 可以根据功能(语音识别,语音播放等),平台(java,window等...

1K5
来自专栏闰土大叔

太原面经分享:如何在vue面试环节,展示你晋级阿里P6+的技术功底?

一年一度紧张刺激的高考开始了,与此同时,我也没闲着,奔走在各大公司的前端面试环节,不断积累着经验,一路升级打怪。

1921
来自专栏积累沉淀

ActionScript 3.0 概要

翻译:衡-----------蓝色理想——经典论坛 --- 类型:转载 ActionScript 3.0 演变成一门强大的面向对象的编程语言意味着flash平台...

2015
来自专栏小樱的经验随笔

CTF---隐写术入门第一题 SB!SB!SB!

SB!SB!SB!分值:20 来源: 西普学院 难度:中 参与人数:4913人 Get Flag:1541人 答题人数:1577人 解题通过率:98% LSB ...

3007

扫码关注云+社区

领取腾讯云代金券