有哪些值得推荐的类似 jQuery UI 或者 Bootstrap 这样的 UI 框架 bootstrap类似前端框架有哪些

\u6709\u54ea\u4e9b\u503c\u5f97\u63a8\u8350\u7684\u7c7b\u4f3c jQuery UI \u6216\u8005 Bootstrap \u8fd9\u6837\u7684 UI \u6846\u67b6

\u7c7b\u4f3cJqui\uff1ajquery
easyui\u3001ext(\u8fd9\u4e2a\u5e76\u975e\u7eafui\u6846\u67b6\uff0c\u4f46ui\u90e8\u5206jqui\u548ceasyui\u521d\u671f\u5747\u662f\u6a21\u4effext)
\u7c7b\u4f3cbootstrap\uff1a\u5176\u5b9e\u4e0d\u592a\u63a8\u8350\uff0cbootstarp\u5e94\u8be5\u662f\u53d1\u5c55\u5e94\u7528\u6700\u597d\u7684\uff0c\u51e0\u4e2a\u51fa\u540d\u7684\u6709foundation\u3001flat
ui\u3001uikit\u3001BootMetro\u3001Semantic
UI\u3001\u56fd\u4ea7\u7684amaze
ui\u7b49\u7b49

\u5982\u679c\u4f60\u8bf4\u7684\u662fjs\u6846\u67b6\uff0c\u5efa\u8bae\u5148\u638c\u63e1\u597djQuery\uff0c\u7136\u540e\u8fd8\u6709\u5f88\u591a\u7684\uff0c\u6bd4\u5982\u697c\u4e0a\u63d0\u5230\u7684extjs\uff0c\u8fd1\u51e0\u5e74\u6bd4\u8f83\u6d41\u884c\u7684AngularJS\uff0c\u57fa\u4e8e\u79fb\u52a8\u7aef\u8003\u8651\u7684\u8f7b\u91cf\u7ea7\u4effjquery\u6846\u67b6zepto\uff0c\u8fd8\u6709jquery mobile\uff0c\u8fd8\u6709\u9002\u5408\u5199\u540e\u7aef\u6216\u670d\u52a1\u7aef\u7684node\uff0c\u7b49\u7b49\u3002
\u5982\u679c\u662fweb\u524d\u7aef\u6846\u67b6\uff0c\u5c31\u4e0d\u4ec5\u4ec5\u662f\u6d89\u53ca\u7684js\u4e86\uff0c\u8fd8\u6709html\u548ccss\u3002\u4e2a\u4eba\u89c9\u5f97\u53ea\u6709\u8fd9\u4e09\u79cd\u8bed\u8a00\u90fd\u6d89\u53ca\u5230\u7684\u6846\u67b6\u624d\u80fd\u8bf4\u5f97\u4e0a\u662fweb\u524d\u7aef\u6846\u67b6\u3002\u73b0\u5728\u6bd4\u8f83\u706b\u7684\u662fBootstrap\uff0c\u8fd8\u6709Foundation\uff0c\u6bd4\u8f83\u53e4\u8001\u7684\u6709jqueryUI\uff0ceasyUI\u7b49\u7b49\uff0c\u8fd8\u6709\u5176\u4ed6\u5f88\u591a\u5f88\u591a\u3002\u5982\u679c\u8fd8\u6709\u7b97\u4e0a\u5904\u7406\u65b9\u6848\u53ca\u7248\u672c\u5347\u7ea7\u4ee3\u7801\u8fed\u4ee3\u7b49\uff0c\u5c31\u8981\u7528\u5230\u767e\u5ea6\u56e2\u961f\u7814\u53d1\u7684fis\u8fd9\u79cd\u4e86\u3002\u5176\u5b9e\u5185\u5bb9\u771f\u7684\u5f88\u591a\u5f88\u591a\uff0c\u524d\u7aef\u4efb\u91cd\u800c\u9053\u8fdc\u554a~

1)Twitter Bootstrap

Bootstrap是最流行的HTML5框架之一。这是一款用于Web开发的时尚、直观、强大的前端框架。它有着用于开发响应式网站的所有组件,如12列响应式网格、定制jQuery插件、bootstrap编辑器等等。

2)HTML5 Boilerplate

HTML5 Boilerplate能帮助我们构建快速、可适应的Web应用和网站。它提供了优秀的网站性能和独立的服务器维护配置。它可以帮助你开展新的项目。

3)Foundation

Foundation是当今世界最先进的响应式前端框架。我们可以通过构建面向小型设备的网站来使用此HTML5架构。它也可用于灵活和响应式的网站

4)UIKit

UIKit是一款轻量级,模块化的前端框架,可快速构建强大的web前端界面。UIKit提供了全面的HTML、CSS和JS组件,使用和定制都很方便。

5)HTML5 KickStart

HTML5 KickStart有着精简的HTML5、CSS和JS的构建模块,支持快速制作网站。它小小的程序包中囊括了响应式网格布局、触摸功能的幻灯片等等

6)Gumby

Gumby2是一个非常了不起的响应式CSS框架。Gumby框架也允许定制:这和下载、调整、部署一样简单!Gumby2建立在Sass的基础上。

7)Skeleton

Skeleton简单又友好,可用于开发HTML5网站和移动应用。它有一个CSS文件的小集合,能让你快速开发出任意大小的网站。

8)Groundwork

Groundwork是一款响应HTML5、CSS和JavaScript的框架,拥有如网格系统,高度可定制化,响应式文本等等功能。

9)Base

Base是一款基于语义的、轻量级的和可扩展的框架,可用于快速创建响应式站点。

10)Montage

Montage是一款支持构建现代化Web应用程序的HTML5框架。它能协助你开发出可扩展和可维护的HTML5应用。它拥有如可重用的组件和HTML模板,声明组件模型,声明数据绑定等功能。

11)Layers CSS

Layers CSS是轻量级的CSS框架,它不强调任何设计但是可以用来处理主要结构。它拥有流动网格和一些简单的类,以支持响应式布局。

12)52Framework

52Framework是一款旨在提供用简单方法通过HTML5和CSS3构建响应式网页,同时支持所有现代浏览器的HTML5框架。它里面有多种超棒的组件,如HTML5视频播放器,圆角,HTML5画布例子,HTML5表单验证等等等等。

13)CreateJS

CreateJS是一系列模块化的库和工具,经由HTML5的Web技术生成丰富多彩的交互式内容。它有HTML5音频,对象管理,渐变等功能。CreateJS套件包括:EaselJS,TweenJS,SoundJS,PreloadJS和Zoe。

14)Kube

Kube Framework只有一个CSS文件。它的美丽就源于它的简单。对开发人员拥有最大的灵活性和定制,并提供LESS文件。

15)Less Framework

Less Framework是一个现代化的前端框架,用于构建响应式的设计。它也是一款支持设计自适应网站的CSS网格系统。它含有通通基于单网格的4款布局和3套预设排版

16)SkelJS

skelJS是一款轻量级的前端框架,用于构建响应式网站和app。


具体的官方网址请参考以下博客内容:



  这位网友你好,现在最火的矿建应该是Amaze UI了吧,很多特点的。
  1. 为移动而生

  Amaze UI 以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。

  2. 组件丰富,模块化

  Amaze UI 含近 20 个 CSS 组件、10 个 JS 组件,更有 17 款包含近 60 个主题的 Web
组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。

  3. 本地化支持

  相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。

  4. 轻量级,高性能

  Amaze UI 面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。

类似Jqui:jquery easyui、ext(这个并非纯ui框架,但ui部分jqui和easyui初期均是模仿ext)
类似bootstrap:其实不太推荐,bootstarp应该是发展应用最好的,几个出名的有foundation、flat ui、uikit、BootMetro、Semantic UI、国产的amaze ui等等

1、TwitterBootStrap(响应式)时髦、直观并且强大的前端框架,让Web开发变得更加容易。2.Foundation(MIT;响应式)/最先进的响应式前端框架。3.960gs(GPL&MIT;响应式)960gs提供了一个简单的网格系统,适合快速开发。4.Skeleton(MIT;响应式)非常漂亮的Web模板,适合响应式、移动友好的开发。5.99limeHTMLKickStart(Free)适合网站快速开发的极简HTML构建模块。6.Kube(Free;响应式)面向专业人员的CSS框架。7.LessFramework(MIT;响应式)自适应的CSS网格系统。8.Flameinwork(Free)适合懒人开发者的前端微框架。9.G5Framework(Free)(x)HTML5、CSS、PHP前端开发框架。10.EasyFramework(Free)EasyFramework是一个一体化前端解决方案,分structural、presentational、interactive三层。

  Flat UI Flat UI是一套精美的扁平风格 UI 工具包,基于 Twitter Bootstrap 实现。
  BootMetro 基于 Twitter Bootstrap 框架构建,用于创建 Windows 8 的 Metro 风格的网站,灵感来自于 Metro UI CSS 。
  Pure 是来自雅虎的 CSS 框架,使用 Normalize.CSS 无需任何 JavaScript 代码。框架基于响应式设计,提供多种样式的组件,包括表格、表单、按钮、表、导航等。标识使用非常简单,整个框架非常轻量级,压缩后只有 5.7kb。

本站交流只代表网友个人观点,与本站立场无关
欢迎反馈与建议,请联系电邮
2024© 车视网