精选15个国外最流行的CSS框架

CSS框架通常指的是一些CSS文件的集合,这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。虽然对于小的WEB开发项目来说,CSS框架并不一定适用,但是对于规模较大的团队开发项目而言,CSS框架不仅能加快设计开发速度,而且还能有效解决网站改版中带来的诸多麻烦和问题。这里推荐的15款CSS框架是现在国外最流行的CSS框架,希望能对你的开发有所帮助!

例如:

  • typography.css 基本排版规则
  • grid.css 基于网格的布局
  • layout.css 通常的布局
  • form.css for 表单样式
  • general.css 更多通用规则

1 . Elements CSS Frameworks

CSS Frameworks

Elements 是一个实用的CSS框架。它是为了帮助设计师更快更高效的来写CSS而建立。Elements 已经超越了仅仅作为一个框架,它有自己的项目工作流。它拥有你完成项目所需的所有东西,这也让你和你的浏览者感到愉悦。阅读 概述 了解更多。

2 . YUI Grids CSS

CSS Frameworks

YUI Grids基本的YUI网格CSS提供4种预设的页宽、6种预设模板和再分为2、3、4卷的区块的功能。 这个4KB的文件可提供超过1000中页面布局组合。 更多信息

3 . YAML CSS Framework

CSS Frameworks

Dirk Jesse的强大的(X)HTML/CSS框架为许多的简单或更复杂的网站项目提供完整的默认模板包。YAML基于网页标准并支持所有现代浏览器。所有的 Internet Explorer的主要渲染漏洞都被解决。YAML 完全支持从5.x到7.0的所有的IE版本。

4 . Blueprint CSS

CSS Frameworks

Blueprint 是一个CSS 框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的布局和一个打印样式。

5 . Schema Web Design Framework

CSS Frameworks

Schema 是一个为了提供在重复的设计任务中必须的CSS和HTML标签而设计的表现层的网页框架设计。 与为每一个新的网站项目从零开始创建HTMl/CSS不同,Schema提供必要的基础来开始并立马让你的设计跑起来。

6 . CleverCSS

CSS Frameworks

CleverCSS是一个用于css的受Python启发的小型的标记语言,它可用于以整洁的和结构化的方式创建一个样式表。在很多方面它都比CSS2整洁和强大。与CSS最明显的区别是句法:它基于缩进而且不单调。虽然这显然违反了Python的规则,它依然是组织样式的很好的主意。

7 . Tripoli CSS Framework

CSS Frameworks

Tripoli是一个用于HTML表现的通用css规范。通过重设和重建浏览器标准,Tripoli 为你的网站项目提供了一个标准的、跨浏览器表现的基础。

8 . ESWAT Web Project Framework

CSS Frameworks

ESWAT正在重新整理。如果你是冲着我的网站框架来的,那么你就可以在这里下载。也许你也想看看我的其他项目gmachina、AppleSeed。

9 . Boilerplate CSS Framework

CSS Frameworks

作为BluePrint CSS的原作者之一,我决定把我的思想重新整理到一个赤裸裸的框架,它提供最基本的要素来开始任何项目。这个框架将是较小的而且力求不使用非语义的命名习惯。你就是设计者而且你的技术很重要。

10 . WYMstyle CSS Framework

CSS Frameworks

WYMstyle是一组CSS文件,你可以很容易的组合这些文件来快速的创建你的网站的布局。通过提供可靠的、经过良好测试的CSS模块,WYMstyle 力求让每个网站防止枯燥的跨浏览器兼容性测试。

11 . Content with Style Framework

CSS Frameworks

Content with Style下一个逻辑步骤就是将这个扩展为CSS框架,允许使用写好并通过测试的组件来快速开发网站。实际上所需的是搞定一套命名习惯和一个灵活的基本模板。

12 . Logicss Framework

CSS Frameworks

Logicss 框架是用来减少开发符合web标准的xHTML布局的时间的一个由CSS文件和PHP程序组成的集合。通常跨浏览器表现行为(不是Meyer的reset文件或是用“*”),排版支持文本字体大小调整(使用EMs) 和垂直居中,符合可定义的灵活的布局网格利用css代码生成工具

13 . That Standards Guy CSS Framework

CSS Frameworks

That Standards Guy只能调用单个样式文件,主样式需要取得 CSS认证(WCAG 1.0); 跨浏览器兼容性—包括Internet Explorer (IE) 5.x for Mac; IE Hacks使用独立文件; 快速创建模板;框架中提供 少量注释/实例演示,可以节省时间来理解。

14 . 960 Grid System

CSS Frameworks

960 Grid System是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果,基于960像素的页面宽度。它有两种类型,12和16列,他们可以独立使用或是协同使用。

15 . Emastic CSS Framework

CSS Frameworks

Emastic 是一个CSS框架,它有连续的任务:探索陌生的新世界,寻找新生活和新的网站空间,大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化,在网格中使用固定和不固定的列宽。 Elastic 用“em”布局。

科学家教猴子用货币 有钱后举动惊人

亚当·斯密说:“只有人类才有货币交易的本领。”如果猴子会使用货币,会发生什么呢?

微观经济学家设法弄清个体会如何选择。不仅想了解个人到底买了什么,还要了解其洗手频率,是否会成为恐怖分子,而有些经济学家甚至把研究对象扩展到人类活动之外。

基思·陈,华侨移民后裔,33岁,衣着时髦,头发短直,十分健谈。原就读于斯坦福大学,一度被政治学冲昏头脑,后彻底改头换面,主修经济学。如今,他是经济学副教授,在耶鲁大学任教。陈的问题是:如果我能教会猴子使用货币,那又会是什么情形呢?

陈选择的理想猴子是僧帽猴,“它们头很小,”陈说,“主要关心食物和交配”, “就像欲壑难填的饿死鬼,永远也吃不饱。”对于经济学家而言,僧帽猴习性如此,自然就成了绝佳的研究对象。

耶鲁-纽黑文医院的心理学家劳里·桑托斯给他提供了七只僧帽猴—四只雌的,三只雄的。其中最重要的一只猴子,取了中央情报局特工的名字:费利克斯。这些猴子共同 生活在一个很大的开放式笼子里。笼子的一侧连着个很小的笼子,这就是实验场地,一 次可以容纳一只猴子参与实验。陈在直径为1英寸的小银盘中间钻了个眼,这就是货币, “有点像中国古代的铜钱。”

实验的第一步,让猴子认识到硬币是有价值的—这费了不少工夫。陈和他的同事给某只猴子一个硬币后,就会亮出食物。只要那只猴子将硬币扔给他们,猴子就会得到食物。这样持续了好几个月,猴子终于明白:硬币可用来买食物。实验证明,猴子对不同食物具有各自强烈的偏好。将12枚硬币放在一个托盘里,这是一只猴子的最大预算;然后给它提供食物,例如一个人卖吉利(Jell-O)果冻,另一人卖苹果片。这时,猴子会根据自己的喜好,把硬币送到不同的研究人员手中,随后得到已分好的“好吃的”。

现在,陈在猴子的经济生活中引入了价格冲击和收入冲击。我们假定费利克斯最喜欢的食物是果冻,而且通常情况下,它用一枚硬币就能获得三个。如果一枚硬币突然只能买到两个,它会如何反应呢?令陈吃惊的是,费利克斯和其他猴子的反应十分理性。 某种食物的价格上涨时,猴子们就会少买;价格下降时,就会多买。经济学中最基本的法则不仅适用于人类,而且同样对猴子有效:需求曲线必定向下。

到目前为止,猴子们在花钱上与人类同样理性。针对个体(例如短线股民)的类似实验发现,人们作出这种非理性决定的概率与猴子差不多:“从统计学角度分析,猴子与大多数股票投资者几乎难分伯仲。”

一天,实验室最奇怪的一幕发生了:费利克斯疾速跑进实验室,但它没有拾起托盘上的12枚硬币去买食物;相反,它将整盘硬币扔回了它们的公共生活区,接着逃离实验室,冲进公共生活区去找硬币—银行打劫,然后越狱逃跑!

公共生活区多出了12枚硬币,七个猴子抢个不停,整个大笼子混乱不堪。陈进入笼子,试图拿回硬币,但猴子拒不交钱—它们已意识到硬币是有价值的。陈只好靠“行贿 ”要回钱:给猴子提供食物。这给猴子上了一堂意义非凡的课:犯罪不用付出代价,反而有利可图!

随后,异乎寻常的情形发生了:一只公猴没有将抢到的钱换取葡萄或苹果,反而向一只母猴走去,把钱给了它。这是“利他主义精神”感召下的自觉的金钱捐赠行为吗? 不!在抚摸了母猴几秒钟后,那两只僧帽猴竟然发生了关系;而且一待好事结束,拿到硬币的母猴立即将硬币交给陈,买到了几颗葡萄。这根本就不是什么利他主义,而是科学史上的首例猴子“卖淫”行为!这一幕让陈百思不得其解。到目前为止,研究人员只一次针对一个猴子,实行严格限定的货币实验。那么,如果陈在猴子的生活中直接引入 货币,结果会怎样呢?

一旦猴子们手里有了钱,它们就会迫不及待地去“嫖娼”,同样也可以料想,猴子谋杀者、猴子恐怖主义者、引发全球变暖的猴子污染者肯定会充斥世界,不得片刻安宁。毫无疑问,下几代的猴子就会出场,替它们的先辈收拾残局。

充电误区那点事儿

流言: 新买的手机必须充满8小时以上并重复几次完全充电放电,这个过程叫做激活,这样可以使手机的电池达到最大容量。手机充满电之后必须马上拔掉电源,因为过度充电会引起电池爆炸。笔记本电脑和手机的电池最好把电用光再充电,这样可以尽量减少充放电循环次数,延长电池寿命。

真相:

新电池需要重复几次完全充电放电来激活吗?

确实有一些充电电池需要类似的“激活”工作。这就是较早的镍镉充电电池和镍氢充电电池。这些电池会产生一种被称为“记忆效应”的现象,在不完全放电的状态下充电,容易使电池过度充电,时间长了会导致电极板上增生晶体,阻塞电解液与电极板的接触,造成电池的电压下降,让使用者产生电池很快就用完了的感觉。[1]因此对于这两种电池来说,定期(而不是每次)对电池完全放电后再充电可以减轻上述原因引起的电压下降现象。

不过,现在我们手机和笔记本电脑上所使用的电池,大都是锂离子电池 (Li-ion Battery)。锂离子电池虽然身材小却可以储存大能量,因此使用的越来越广泛。锂离子电池在开始使用时不需要通过深度充放电来进行激活,也没有所谓的“记忆效应”的,所以可以随时充电。[2]建议定期对锂离子电池进行一次完全充放电的说法,仅仅是为了校准笔记本电脑上的电量检测装置,并不是因为对电池本身有什么好处。[3]

神马?有些手机说明书上也有这么写?你要知道,手机的电池一般都不是生产手机的厂商制造出来的,说明书上的这种写法可能是为了提醒使用者测试一下电池有没有问题。另外,由于镍镉和镍氢电池的确需要激活,这种说明书上的写法也可能是由于照搬模板造成的。

过度充电会引起电池爆炸?

锂离子电池的能量密度大,电压较高(单独锂离子电池单元产生的电压可达到4.2V,而普通的镍基充电电池为1.2V),和低电压类电池相比,锂离子电池充电时电极的氧化还原反应十分剧烈,因此锂离子电池的使用条件必须受到严格限制,过度充电、过度放电、短路、高温等都会引起电池损坏,甚至发生起火和爆炸。[4]但是,实际使用中的锂离子电池是把若干个电芯连同一套安全保护电路以及多种安全装置一起封装成一块电池板。[5]这些安全设计可以保证在过度充电、过度放电和短路时自动切断电池的电路;电池内部压力过高还会触发排气装置减压;电池温度过高则会触发热熔保护装置,阻滞锂离子的运动从而停止电池的电化学反应。[6]因此,只要你不是用的质量不靠谱的山寨电池,手机充满电没有及时拔掉电源不会引起电池爆炸。

减少充放电循环次数,可以延长电池寿命?

锂离子电池的寿命和充放电次数并没有什么关系,主要的影响因素是电压和温度。研究表明,锂离子离子在完全充电的状态下长时间存放,其容量会发生明显损失。同样的,温度越高,锂离子电池的容量损失就越快,而这种损失是不可逆的,也就是说,电池的容量会永久变小。在0度环境下,电量剩余40%的锂离子电池存放一年后,其容量会损失2%;而在40度环境下,完全充满电的锂离子电池存放一年后,其容量损失高达35%。[7] 所以,应该尽量减少电池满电状态的时间。充满电后不拔掉电源,会让电池一直保持满电状态,虽然不会爆炸,但是会加快电池容量的损失速度。其实,频繁充电会比深度充电有助于延长电池的寿命,千万不要以为充电次数多会损坏电池,这个说法对锂电池并不适用。所以,好习惯是有机会就插上充勒个电,充到差不多就拔掉——少量多餐,但别吃太饱。[8]

结论:谣言破解。 锂离子电池用不着激活。除非有质量问题,否则也不会因为长时间插着充电而发生爆炸。锂离子电池没有记忆效应,可以随时充电,减少充放电循环次数并不能延长电池寿命。