首页 产品 设计 查看内容

多款优秀前端框架推荐合集

2014-2-28 15:48| 发布者: tianzc| 查看: 1783| 评论: 0

摘要: 前端开发并不难,但是要想做得优雅、健壮并不容易,使用一个好的前端框架能够帮你很多忙。1.Twitter BootStrap(Apache v2.0;响应式)时髦、直观并且强大的前端框架,让Web开发变得更加容易。2.Foundation(MIT;响 ...
前端开发并不难,但是要想做得优雅、健壮并不容易,使用一个好的前端框架能够帮你很多忙。 

1. Twitter BootStrap (Apache v2.0;响应式)

时髦、直观并且强大的前端框架,让Web开发变得更加容易。

2. Foundation (MIT;响应式)

最先进的响应式前端框架。

3. 960gs(GPL&MIT;响应式)

960gs提供了一个简单的网格系统,适合快速开发。

 

4. Skeleton(MIT;响应式)

非常漂亮的Web模板,适合响应式、移动友好的开发。

5. 99lime HTML KickStart(Free)

适合网站快速开发的极简HTML构建模块。

6. Kube(Free;响应式)

面向专业人员的CSS框架。

7. Less Framework(MIT;响应式)

自适应的CSS网格系统。

8. Flameinwork(Free)

适合懒人开发者的前端微框架。

9. G5 Framework(Free)

(x)HTML5、CSS、PHP前端开发框架。

10. Easy Framework(Free)

Easy Framework是一个一体化前端解决方案,分structural、 presentational、interactive三层。

11. Blueprint(Free)

一个旨在减少开发时间的前端框架。

12. YAML(Creative Commons)

(x)HTML+CSS框架,适合开发现代化浮动布局。

13. BlueTrip(Free)

一个功能全面、并且美丽的CSS框架,适合于Blueprint搭配使用。

 

14. YUI3:Grids CSS(BSD)

YUI Grids CSS是最著名的CSS框架之一,是由Yahoo开发小组开发而成。 YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度,六种不同的模板。

15. 52framework(Creative Commons)

对HTML5支持非常好,简单易用。


16. elastiCSS(MIT)

一个基于Web接口和印刷布局的简单CSS框架。


17. Emastic(Free)

一个与众不同的CSS框架。

18. Fluid 960 Gride System(GPL/MIT)

Fluid 960 Grid System的模版是根据Nathan Smith之前的作品而创建的。即960 Grid System:传承了MooTools和jQuery JavaScript libraries的效果。

19. xCSS(MIT)

一个面向对象的CSS框架,能让你的工作流更加简洁。xCSS基于CSS,可以在开发复杂样式时,提供面向对象的工作流。


20. EM CSS Framework(MIT/GPL)

EM CSS Framework提供了一个960px宽 + 12 列网格系统 + CSS的通用样式。



 

本文主要为大家推荐五款国内最火的HTML5前端开发框架,它们分别是腾讯团队开发的JX、淘宝团队开发的KISSY、百度团队开发的QWrap和Tangram,以及上海康尚实验室推出的Como。

1. JX(腾讯)

JX 是一个类似 Google Closure Library 的 Web 前端开发框架,服役于 WebQQ 等大规模的 WebApp。

JX 是模块化的非侵入式Web前端框架,开发于2008年,并于2009年开源于GoogleCode ,于2012年切换到Github。 JX 框架同时适用于 Web Page 和 Web App 项目的开发,特别适合构建和组织大规模、工业级的Web App,腾讯 WebQQ、腾讯Q+等产品都是采用JX框架开发,兼容目前所有主流浏览器。

腾讯团队打造的前端开发框架JX

详情请参考:JX

2. KISSY(淘宝)

KISSY是淘宝的前端类库,几乎在淘宝的每个页面上都能看到它的身影。

KISSY提供稳定的核心,包括 oo、dom、Event、Anim、Ajax 等;强大且易用的脚本加载器,特有的 loader;丰富的UI组件,包括 Switchable、Overlay、Draggable and Droppable 等。KISSY具备模块化、高扩展性、组件齐全等特性。

详情请参考:KISSY

3. QWrap(百度)

QWrap是百度有啊前端团队推出的一个Javascript框架,支持IE6+、Firefox、Chrome、Safari、Opera等浏览器,在BSD协议下开源发布。

QWrap的特点如下:

1. 提供jQuery一样方便的dom功能,同时又打破jQuery“专注于dom”的约束,也提供非dom的许多功能。

2. 提供prototype方便的原型功能,同时又提供Javascript1.6的泛型功能,并且提供用户有选择方便与严谨的自由。

3. 提供YUI2一样的静态方法库,同时又用所谓的Helper规范来做到真正的绝对静态,让组件开发者可以发布出无依赖的组件。

4. 学习YUI3的use,同时又摈弃YUI3的严谨性洁癖,让use更实用。

5. QWrap独创特的Helper + Wrap + Retouch + Apps设计,让QWrap有更多的灵性等待你去发现。

4. Tangram(百度)

Tangram是一款实用的JavaScript基础库,通过它可以快速构建出高度互动的Web应用程序。Tangram具有全浏览器兼容,平滑升级体验以及自由定制输出最小尺寸的特点。

Tangram团队合影

5. Como(康尚实验室)

Como JS

Como由上海康尚实验室开发,是一款简易而功能强大的JS框架,对String等原生对象进行了扩展,支持常用的CSS选择器,高效的动画播放,强大的包扩展机制,支持类的继承等。


鲜花

握手

雷人

路过

鸡蛋
公告

    扫一扫关注最新动态

    毒镜头:老镜头、摄影器材资料库、老镜头样片、摄影
    爱评测 aipingce.com  
    返回顶部