当前网站开发较成熟的ui组件有哪些-[网页设计]

10大html5前端框架
1、Bootstrap
首先说 Bootstrap，估计你也猜到会先说或者一定会有这个( 呵呵了 )，这是说明它的强大之处，拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心，来让自己成长。结果受到周围各 种基友的引诱着手了 Bootstrap 旅程。本人虽然是个设计规划+前端的万里有一的人才，但是老天只让我会用 PS 和各种设计规划工具却不给我跟设计规划妹子一样的审美，所以这也是我最初选取 Bootstrap 的缘由之一，它让我做出来的东西好歹能在妹子面前装个逼，不过时间长了难免认为 Bootstrap 美的让人烦躁， 但好在它的每个版本都会有很大的转变，不会让人认为自己做的网站站点会跟很多网站站点撞脸。Bootstrap 的用法及其简单( 这也也许就是 Bootstrap 作者阅攻城士无数，明白他们痛的结果 )，以至于是个小前端都能够快速上手，几乎没什么钻研本钱。
2、AUI
第三个是最近刚起来的AUI，虽然作者声称是专为APICloud建设开发者设计规划的一套UI框架，但实际它依然是处理了很多移动前端建设开发的普遍疑问，是主 要面向混合建设开发的 CSS 框架。看起来作者比较猖狂，各种高级 CSS3 遍地运用，这让我也不可以不去查查这些个 CSS3 的兼容性。不负众望果然选的都是兼容不错的属性，哈哈了一顿激动从前辈手上大胆认识了几个好东西，并且框架还供应提供了聊天界面、计数列表等组件，处理了很多 复杂的让我骂娘的部署布局，目前能够直接拿走就用。
3、Amaze UI
第二个推荐的是妹子UI，最初运用它是因为本尊遇到了一个爱纠结细节点设计规划士，有一次她跟我的字体较上真了，结果一句顶万句的 BOOS 夸了她，我只好根据她的看法去处理，结果最后发现了Amaze UI 框架( 我不介意你叫我懒淫 )，按照官方的话说就是 "基于社区开源项目构建的一个跨屏前端框架，以移动优先，从小屏到大屏，最终完成所有屏幕适配，适应移动互联潮流" 。但其实我就是看中它能处理国内查看浏览器存在的跨屏适配和兼容性疑问。
4、Frozen UI
有段时间见到 QQ 瞬间高大上了，后来四处打听，原来 QQ 客服端也用了 混合建设开发，其中QQ会员前端用的是 Frozen UI，并且这套框架开源，欣喜若狂耐不住心里的寂寞直接上手试了一遍，初感受体验感觉基础样式结果效果简单色调清爽，有个比较活跃的社区所以组件什么的也比较丰 富。
5、Frozen UI
第三个是Frozen UI，有段时间见到 QQ 瞬间高大上了，后来四处打听，原来 QQ 客服端也用了 HTML 混合建设开发，其中QQ会员前端 就是用的 Frozen UI，并且这套框架开源，欣喜若狂耐不住心里的寂寞直接上手三下五除二试了一遍就着手试用，初感受体验的就是基础样式结果效果简单色调清 爽，有个比较活跃的社区所以组件什么的也比较丰富。
6、WeUIi
第四个是WeUI和同 FrozenUI都属于 差不多的 WeUi了，也是一个比较专一的框架，WeUI应当说比FrozenUI前者更专一，话 说连个官方网站都不搞，所有答疑都在 gitHub Issues 处理了，这个框架极其简单，体积当然就不用说了，模块也就 7 个左右，不过体量虽然小做 的却不错，口碑看 star 就够了，框架从 16/1/23 发版至今 github star 超过 7K,不过也不排除用户使用者没地方发泄所以都跑 到 git 上来，哈哈。
7、SUI
“SUI 是一套基于bootstrap建设开发的前端组件库，同时它她也是一套设计规划规范。通过SUI，能够十分方便的设计规划和完成精美的网站页面”。 果然 依然是直接引用官方给的枯燥无味广告要节约自己的脑细胞( 囧… )，当然了就像广告说的，如果你之前用过 Bootstrap， 那么能够轻松转 向 SUI，这也许就是淘宝给前端屌丝们的福利了。。
8、AUI

第六个是最近刚起来的最近刚起来的 AUI，虽然作者声称是专为APICloud建设开发者设计规划的一套UI框架，但实际它依然是处理了很多移动前端建设开发的 普遍疑问，是它主要面向混合建设开发的 CSS 框架。，所以看起来作者比较猖狂，各种高级 CSS3 遍地运用，这也使得我不可以不去查查这些 个 CSS3 的兼容性。不负众望果然选的都是兼容不错的属性，哈哈了一顿激动从前辈手上大胆认识了几个好东西，并且框架还供应提供了聊天界面、计数列表等组 件，处理了很多复杂的让我骂娘的部署布局，目前能够直接拿走就用。
9、MUI
曾经一直运用 Android 系统的我，后来见到 IOS，果断移情别恋了，不清楚了解为什么苹果每次调整系统我都特别喜爱，后来一段时间因为缺设计规划 我专门模仿 IOS 系统做 UI，但始终不满足做到很好，无意间就发觉了 MUI 这个框架，这个框架给我的吸引之处就是它的 UI 是以 IOS 为 主体设计规划的，当然它也补充了android特有UI样式。并且MUI官方声称用来建设开发深入以后发觉拿它做 APP 还满足提升提高用户使用者运用流畅度，然后便试着 更深入的明白和运用一段时间。
10、Semantic UI
倒数第三个是 Semantic UI，接触这个框架依然是因为 Bootstrap，Semantic UI 刚上线 github 就受到大批建设开发者的关注，以至于很多人拿它俩对比各种挑刺各种夸，是好是坏不能单凭别人三句四句就抬起手指着手赞，用了以后感觉 UI 上跟 Bootstrap 没太多的区别，不过代码命名规范上却相差甚大，本人认为 Semantic UI 是不是就想做的不一样，它的命名全是运用复合的方式，类名特别的离散，用的时候你得很小心自己扩展或者新增的 class 命名与它的类名冲突。

Foundation
Foundation 算是框架界的元老啦，都说框架去的早，而这个框架一直到目前依然这么的热门，如果你比较介意 Bootstrap 建设开发撞脸的尴尬事情，那么你能够打算运用 Foundation 。即使你运用预定义的 UI 因素, 也不会与其他网站站点太像，就像官方说的给建设开发者更灵活的框架感受体验。

UiKit
UIkit是YOOtheme集体建设开发的，在许多WordPress主旨主题中都有使用(也就是如果你是个 WordPress 喜爱者，那么这个框架应当比较适合深究)，并且框架满足通过GUI编辑器和手动编辑，所以它供应提供了一个灵活、强大的自定义机制。框架借助LESS、 jQuery、normalize.css及FontAwesome开源项目的独有特点，整合成了这么一款轻量级、模块化的前端框架。

Pure
终于最后一个了，我和你一样好开森 (～￣▽￣)～)，这个框架是我在做管理系统时接触的，选取运用也是因为框架小巧，并且是纯 CSS，不存在太多的牵扯，好用来与其他框架快速结合运用。

你写网页页面是用什么软件呢？Dreamweaver？FrontPage？UltraEdit依然是记事本？其实除了这类编写HTML和步骤码的软件以外，还有很多小巧而且无偿的软件，能够协助支持你在写网页页面时更方便、写的更好哦！尤其时在写CSS、Javascript或Ajax的时候，这些都是不可或缺的软件呢！也是小正正平常任务在运用的软件，目前要推荐给你！ 综合建设开发工具 综合的网站站点建设开发工具几乎都是查看浏览器的插件，供应提供了许许多多的功能，比如： 开关CSS、开关Javascript、开关Cache：能够马上见到你的网页页面在查看浏览器中不存在CSS、不存在Javascript或不存在快取时的是长怎么样子。为什么要看不存在CSS和Javascript的状况呢？一切都是为了Accessibility啊！ 检视网站页面中文件的DOM模版结构和指定范围的原始码。 检视每个因素或DIV的ID、Class、目前的CSS样式（包括包含继承的样式），也能够将因素或DIV的外框表现出来。对于找出CSS和Javascript的疑问十分有用。 检验HTML和CSS语法是不是是否正确、符合W3C的准则。 因为这些工具是属于查看浏览器的插件，所以有分为给IE和Firefox(缩写为FF)所运用的版本，包括包含有： InternetExplorerDeveloperToolbar(IE) WebDeveloperExtension(FF) Firebug(FF) HTTP呼叫检视工具 让你能够很容易见到任何由查看浏览器所发出的HTTPRequest的一切细节点，包括包含档头资讯信息、所传递的参数、档案大小、传输相应速度和时间…等等。用来观察Ajax呼叫的举动和除错最方便了！ HttpWatch(IE) Firebug(FF) 原始码工具 其实大部分的综合建设开发工具就已经有这样的供应提供功能，让你单独检视网页页面中某个区域的原始码，或是帮你检查语法的正确性，另外也有单独小巧的原始码同类相关工具能够运用。想要鼠标滑过去就立刻见到该范围的原始码吗？而不需要在茫茫“码“海中捞针。 InstantSource(IE,不是无偿的) HTMLVALIDATOR(FF) 图形同类相关工具 除了用Photoshop、Fireworks这类准则的大型软件来切图以外，对于平常少许简单的任务，杀机焉用牛刀呢？ ColorCop：能够吸取画面上任何地方的色彩色码。 MeasureIt(FF)：测量画面上的像素距离，比如想清楚了解行距、边界要设为多少像素时，就靠他了。 ScreenCalipers：这是另一套用来测量画面上像素距离的小软件。 SplitBrowser(FF)：将Firefox同一个查看浏览器视窗分为上下或左右两半，让你能够在同一个画面上同时见到两个或多个不一样的网页页面信息内容，互相做比对，而不需要在多个视窗中切换来切换去。 IETab(FF)：虽然是叫做IETab，但这可是Firefox的插件。让你在Firefox的查看浏览器视窗中开启IE，神奇吧！ MWSnap：无偿的萤幕抓图软件，用来切图也很方便，只要用秀图软件将原始页面结构网页设计的整张图打开、表现在萤幕上，就能够用萤幕抓图软件，撷取出某个范围的图形了。 HyperSnap：另一套好用的萤幕抓图软件，但不是无偿的。 Picasa：Google的无偿秀图、image图片管理软件。 AdobeLabs’Kuler：Adobe供应提供配色参考的网站站点，想不出要用什么色彩时，不妨去看一看找寻灵感吧！

麻烦采纳，谢谢!

您还能够查见到更多以下与 当前网站站点建设开发较成熟的ui组件有哪些 同类相关信息内容