适用响应式 Web UI 框架


1. Bootstrap

Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。
官方网站: http://twitter.github.com/bootstrap/
github: https://github.com/twitter/bootstrap

2. Foundation

Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件,如表单、按钮、Tabs 等等。
官方网站: http://foundation.zurb.com/
github: https://github.com/zurb/foundation

3. Skeleton

Skeleton 是一个小的 JS 和 CSS 文件的集合,可帮你快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。
官方网站: http://www.getskeleton.com/
github: https://github.com/dhgamache/Skeleton

4. Less Framework

Less框架是一个用于设计自适应网站的CSS网格系统,它包含4个布局和3套预设布局,这些都以一个单一网格为基础。Less框架的目标是更高效地创建多布局网站,并在布局之间保持一致。
官方网站: http://lessframework.com/
github: https://github.com/jonikorpi/Less-Framework

5. ResponsiveAeon

ResponsiveAeon 是一个HTML5/CSS3的框架,可以非常快速的创建响应的布局。它有一个网格系统是基于总1104px宽度12列,提供了3个非常容易理解的基本类供 使用。该框架使使用@mediaqueries的,支持任何尺寸的设备。除了网格系统,也有排版,列表,表格,按钮和表格的样式。
官方网站: http://www.newaeonweb.com.br/responsiveaeon/
github: https://github.com/newaeonweb/ResponsiveAeon-Cssgrid

6. Gumby

Gumby 是一个响应式的以及 960 像素宽度的 CSS 网格框架,支持 PC、平板和手机屏幕显示。类似 Twitter 的 Bootstrap,它包括一个Web UI工具包,有好看按钮,表格,导航+标签和一个很小的JavaScript文件。
官方网站: http://www.gumbyframework.com/
github: https://github.com/dsurgeons/Gumby

7. Gridpak

Gridpak 的目的是实现了响应式的 Web 页面设计,提高工作流程,节省了时间。通过生成PNG图像,CSS和JavaScript,让 Gridpak 创建响应式的简单界面。Gridpak 产生的CSS 兼容 IE 8+,但它使用很多实验性的CSS属性,如媒体查询,盒大小和背景剪辑属性,所以建议结合 Modernizer 来使用,确保向后兼容性。
官方网站: http://gridpak.com/

8. Responsive GS

Responsive GS 是一个流体网格 CSS 框架,用于快速开发响应式的 Web 网站。 Responsive GS 提供三种风格:12、16 和 24 列,使用 media queries 支持所有标准设备。
官方网站: http://responsive.gs/
github: https://github.com/StudioSnapsize/responsive-gs

9. Amazium

Amazium 是一个基于 960 Grid System 的响应式 CSS 框架,使用 960px 宽度,以适应大多数 1024*768 分辨率的屏幕。Amazium 使用 4 个主要的 media queries 来调整所适应的分辨率大小。
官方网站: http://www.amazium.co.uk/

10. Golden Grid System

Golden grid system是为增强网页兼容性设计的折叠式grid。具有四个特征:列、跨页、底线、script。
官方网站: http://goldengridsystem.com/
github: https://github.com/jonikorpi/Golden-Grid-System

11. Centurion

Centurion 是一个基于 SASS 和 CSS3 构建的响应式 Web 框架。
官方网站: http://jhough10.github.com/Centurion/
github: https://github.com/jhough10/Centurion

12.inuit.css

该框架用于使用较少的代码实现在较小屏幕(平板电脑、手机)上运行的项目,支持IE6+。
官方网站: http://inuitcss.com/
github: https://github.com/csswizardry/inuit.css

13. Fluid Baseline Grid

Fluid Baseline网格系统是一个HTML5 & CSS3开发工具包,为网站快速设计提供了坚实的基础。
官方网站: http://fluidbaselinegrid.com/
github: https://github.com/thedayhascome/Fluid-Baseline-Grid

14. HTML5 Boilerplate

HTML5 Boilerplate基于HTML/CSS/JS模板,可以帮助开发者使用HTML5技术快速开发稳健、功能齐全的网站。你可以把它当作自己的新项目模板,在此基础上建立自己的项目。
该模板包含了帮助开发HTML5站点和应用程序的组件和一些优秀的最佳实践,只需开发者最少的前期工作,就能为项目提供一个非常稳固的基础。另外,该模板是高度可定制,可轻松删除不需要的一些特性。
官方网站: http://html5boilerplate.com/
github: https://github.com/h5bp/html5-boilerplate

15.Semantic

Semantic UI是完全语义化的前端界面开发框架,支持 Sass 和 LESS 动态样式语言,文档和演示非常完善,易于学习和使用,配备网格布局,有一些非常实用的附加配置,例如inverted类。
有一个非常好的按钮实现,情态动词,和进度条。在许多功能上使用图标字体。
官方网站: http://semantic-ui.com/
github: https://github.com/semantic-org/semantic-ui/

16.Zui

ZUI继承了Bootstrap 3中的大部分基础内容作了相应的改进,简单美观,易于使用,快速构建简洁大方的现代web应用。
采用HTML5且支持所有流行的移动及桌面浏览器平台,一些旧的浏览器也能够降级支持,轻快独立稳定,最佳的可用性能,最大限度的不依赖于外部组件,全平台响应,一次编写,响应任何尺寸的设备。
官方网站: http://www.zui.sexy/

17.Amaze

Amaze UI 是一个轻量级、采用mobile first理念的前端框架,中国首个开源 HTML5 跨屏前端框架,适配所有屏幕,可快速构建界面出色、体验优秀的跨屏页面,可提升开发效率,对于常用浏览器及App内置浏览器提供更好的兼容性支持,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备。
官方网站: http://amazeui.org/
github: http://git.oschina.net/amazeui/amazeui

 

18.MUI

MUI(Mobile User Interface)是一套基于Html5的,遵循Html5+规范的,用于手机端界面开发的一套框架,是目前最高性能和最接近原生体验的手机端框架,体积小不到100k,可直接使用class编写,性能远高于data-方式,又通过代码块的编写方式降低了编码的复杂度。
例如在HBuilder里敲m,会拉出一排控件mList、mButton等,选一个回车,就会自动产生div和class。

19.OniUI

OniUI是基于avalon的UI库,是一个MVVM架构的前端框架,兼容主流浏览器。
官方网站: http://ued.qunar.com/oniui/home.htm
github: https://github.com/RubyLouvre/avalon.oniui

20.Vanilla JS

Vanilla JS 是一个快速、轻量级、跨平台的JavaScript框架,也是浏览器内置框架。
官方网站: http://vanilla-js.com/

21.Zepto

Zepto是专门为移动 WebKit 浏览器,如 Chrome 和 Safari 打造的。凭借其独特的简约发展的特点,它可以帮助开发人员轻松地完成他们的工作。Zepto 最大的特点是保持事情的简单性。这个框架的目标是精确的,便于下载和快速执行。  
官方网站: http://zeptojs.com/

22.Framework7

Framework7 是免费开源的 HTML 移动端框架,用来开发混合移动端应用或者 iOS 7 的 Web 应用,并且带有 iOS 7 的原生外观和感觉。Framework7 也是独立的原型应用工具。
官方网站: http://www.idangero.us/framework7/
github: https://github.com/nolimits4web/framework7/


25.Ionic

Ionic是一个前端的框架,帮助开发者使用HTML5, CSS3和JavaScript做出原生应用。js部分是基于AngularJS框架,大量使用了Css3,css生成基于Sass,构建工具基于最新的gulp,版本升级基于bower,原生层无缝封装了cordova。使用Ionic框架,可以有效利用AngularJs的特性,极大的提供HTML5应用开发效率,质量,模块化程度。
官方网站:http://ionicframework.com/
github:https://github.com/driftyco/ionic

转载于:https://www.cnblogs.com/love-is/p/4276079.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/545300.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

VC 忽略警告的方法

在vs2003, vs2005中用sprintf 会出现warning C4996: sprintf was declared deprecated或warning C4996: strcpy was declared deprecated或warning C4996: strcat was declared deprecated的警告。这里给出解决问题的一些方法。方法一:调用VS2005鼓吹的那些带“_s”…

第四章数据库安全性

第四章数据库安全性4.1_自主存取控制方法4.1.1_授权与回收4.2_数据库角色4.2.1_角色的创建4.2.2_给角色授权4.2.3_将一个角色授予其他的角色或用户4.2.4_角色权限的收回4.1_自主存取控制方法 4.1.1_授权与回收 1.GRANT: GRANT <权限>[,<权限>]… [ON <对象类型…

observable_Java Observable notifyObservers()方法与示例

observable可观察的类notifyObservers()方法 (Observable Class notifyObservers() method) Syntax: 句法&#xff1a; public void notifyObservers();public void notifyObservers(Object o);notifyObservers() method is available in java.util package. notifyObservers(…

Redis 面试题补充与汇总

前面的 12 个章节对 Redis 的面试题做了一个系统的讲解,那么本文将对 Redis 的热门面试题再做一个补充,力求覆盖到更多的 Redis 面试点。 Redis 持久化 Redis 持久化总共有以下三种方式: 快照方式(RDB, Redis DataBase)将某一个时刻的内存数据,以二进制的方式写入磁盘;…

第五章数据库完整性

第五章数据库完整性5.1_数据库完整性概述5.2_实体完整性5.2_参照完整性5.3_用户定义的完整性5.1_数据库完整性概述 1.数据库的完整性&#xff1a; 数据的正确性和相容性 2.数据的完整性和安全性的区别&#xff1a; 数据的完整性&#xff1a;防止数据库中存在不符合语义的数据&a…

KVC/KVO实现原理分析

2019独角兽企业重金招聘Python工程师标准>>> 1. 函数调用&#xff08;消息&#xff09;实现分析&#xff1a; 我们看这条语句&#xff1a; [代码]c#/cpp/oc代码&#xff1a; 1 [self.person setValue:"Vincent"forKey:"name"]; 就会被编译器…

英语笔记:写作:Nothing succeeds without a strong will

Nothing succeeds without a strong will 没有坚强的意志将一事无成 There is a widespread humorous saying that “Quitting smoking is theeasiest thing in the world. I’ve done it for hundreds of times.” 1. Funny as itis, the saying ironically reflects the fac…

filterreader_Java FilterReader markSupported()方法与示例

filterreaderFilterReader类markSupported()方法 (FilterReader Class markSupported() method) markSupported() method is available in java.io package. markSupported()方法在java.io包中可用。 markSupported() method is used to check whether this FilterReader strea…

如何设计不宕机的 Redis 高可用服务?

随着业务的不断发展和扩张我们需要更加稳定和高效的 Redis 服务,这是业务发展的必然趋势也是个人能力进阶的最高境界,我们需要一个高可用的 Redis 服务,来支撑和保证业务的正常运行。 我们本文的面试题是,如何设计一个不宕机的 Redis 高可用服务? 典型回答 想要设计一个…

第十章数据库恢复技术

第十章数据库恢复技术 10.1_事务 事务的四个特性&#xff1a;原子性、一致性、隔离性、持续性 10.2_故障的种类 事务内部的故障系统故障介质故障计算机病毒 10.3_恢复的实现技术 转储&#xff1a;动态和静态登记日志文件 10.4_恢复策略 事务故障的恢复&#xff1a;直接…

【SICP练习】22 练习1.28

&#xfeff;&#xfeff;练习1.28 这道题主要分为三个部分&#xff1a; 1、非平凡平方根&#xff0c;并添加到expmod函数中 2、类似于fermat-test的过程 3、通过已知的素数和非素数来检验 下面我们首先来写出能够在遇到非平凡平方根的时候报错的函数&#xff0c;在这个函数中&…

Oracle笔记:创建表空间、创建用户、授权

--回顾 --1、表空间 create tablespace ts datafile d:\123.dbf size 10m autoextend oncreate temporary tablespace temp_ts tempfile d:\temp123.dbf size 5m autoextend on--2、用户 create user testuser identified by test123 default tablespace ts temporary tablespa…

Java类类getClassLoader()方法及示例

类的类getClassLoader()方法 (Class class getClassLoader() method) getClassLoader() method is available in java.lang package. getClassLoader()方法在java.lang包中可用。 getClassLoader() method is used to return the ClassLoader that loads the class or interfac…

小白学算法:买卖股票的最佳时机!

作者 | 王磊来源 | Java中文社群&#xff08;ID&#xff1a;javacn666&#xff09;转载请联系授权&#xff08;微信ID&#xff1a;GG_Stone&#xff09;本文已收录至 Github《小白学算法》系列&#xff1a;https://github.com/vipstone/algorith今天蚂蚁集团&#xff08;支付宝…

第十一章并发控制

第十一章并发控制11.1_并发控制概述11.2_封锁11.1_并发控制概述 事务是并发控制的基本单位 并发操作带来的数据不一致性包括丢失修改、不可重复读、读“赃”数据 11.2_封锁 两种封锁协议&#xff1a;排他锁&#xff08;写锁&#xff09;和共享锁&#xff08;读锁&#xff09…

《APUE》第6章笔记

这一章主要介绍了口令文件和组文件的结构和一些围绕这些结构的函数。 口令文件即passwd就是在/etc/passwd中可以查阅。其结构是&#xff1a; 上图四个平台能支持的就用黑点表示。 因为加密口令这一项放在passwd这个人人可读的文件中&#xff0c;可能会有安全问题。所以现在的Li…

Oracle笔记:备份还原

--------------备份还原-------------------- --物理备份 --逻辑备份 1&#xff09;传统工具&#xff1a; exp导出、imp导入 实质&#xff1a;调用sql指令&#xff0c;导入\导出数据&#xff0c;速度较慢 可以运行在客户端&#xff0c;也可以运行在服务器端&#xff0c; 在cmd窗…

Java DataOutputStream writeByte()方法与示例

DataOutputStream类writeByte()方法 (DataOutputStream Class writeByte() method) writeByte() method is available in java.io package. writeByte()方法在java.io包中可用。 writeByte() method is used to write the given value as one-byte value to the basic stream a…

聊聊近期的感受和10月文章精选!

先来看本月的原创文章汇总&#xff0c;其中算法部分也有少量 9 月份的文章&#xff0c;这样汇总起来大家看起来更方便&#xff0c;目录如下。算法系列小白学算法第1篇&#xff1a;一文详解「栈」和手撸栈的两种方法&#xff01;小白学算法第2篇&#xff1a;JDK 竟然是这样实现栈…

第六章关系数据理论

第六章关系数据理论6.1_问题的提出&#xff08;略&#xff09;6.2_规范化6.2.1_函数依赖6.2.2_码6.2.3_范式6.2.4_2NF6.2.5_3NF6.2.6_BCNF6.2.7_多值依赖6.2.8_4NF6.2.9_规范化小结6.3_Armstrong公理系统6.3.1_函数依赖闭包6.3.2_最小依赖集6.3.3_转换为3NF的保持函数依赖的分解…