當前位置:首頁 » 網頁前端 » 好用web前端ui框架
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

好用web前端ui框架

發布時間: 2022-08-29 21:58:58

㈠ 常用的UI框架有哪些

常用的UI框架有哪些?推薦6種常用的UI框架。接下來雲南電腦培訓http://www.kmbdqn.cn/為大家分享一下UI專業設計師在日常工作中常用的幾種框架,希望能夠幫到你!


Bootstrap


說到流行的UI框架,那麼Bootstrap是一定會出現在榜單上的。它是由twitter推出的Web前端UI框架,它由Twitter的設計師MarkOtto和JacobThornton合作開發。Bootstrap通過它優秀的柵欄系統,很好的實現了響應式布局。Bootstrap還提供了時尚的排版樣式,表單,buttons,表格,輪播等等。


Bootstrap提供了優雅的HTML和CSS規范,它是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的BreakingNews都使用了該項目。國內一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap源碼進行性能優化而來。


jQueryUI


jQueryUI是建立在jQueryJavaScript庫上的一組用戶界面交互、特效、小部件及主題。無論是創建高度交互的Web應用程序還是僅僅向窗體控制項添加一個日期選擇器,jQueryUI都是一個完美的選擇。


jQueryUI包含了許多維持狀態的小部件(Widget),因此,它與典型的jQuery插件使用模式略有不同。所有的jQueryUI小部件(Widget)使用相同的模式,這樣就大大的降低了學習成本。


jQueryUI繼承jQuery簡易使用特性,提供高度抽象介面,短期改善網站易用性。同時,jQueryUI採用MIT&GPL雙協議授權,輕松滿足自由產品至企業產品各種授權需求。jQueryUI另一大有點是兼容各主流桌面瀏覽器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。而且,jQueryUI有完全漢化的版本,開發包內置包含中文在內的40多種語言包。



PureCSS


Pure也是一款很出色的CSS框架,Pure是來自雅虎的。盡管從UI界面效果上來說,Pure沒有Bootstrap那樣精美,但Pure是純CSS實現的,因此非常小巧,整個框架壓縮後只有5.7k左右。


最大的特點就是框架基於純CSS,無任何JavaScript代碼,渲染速度比較快。由Yahoo出品,技術上應該不存在太大問題。組件也很豐富,包括表格、表單、按鈕、表、導航等。CSS類的標識十分簡單,因此在使用Pure的過程中代碼會比較友好。


SemanticUI


SemanticUI最大的優點就在它的名字里--語義化。Semantic-UI比Bootstrap更語義化,使用了更容易理解的標簽名稱:導航的是nav,主要內容的是main,class名也很明確。


而且SemanticUI的moles預制了很多美觀的動畫,同時也非常簡單好用。比如視圖(Views)中的評論(Comment)和動態信息(Feed)。


㈡ 前端框架都有哪些,最主流的是哪個

推薦幾個精緻的web UI框架及常用前端UI框架!

1.Aliceui

Aliceui是支付寶的樣式解決方案,是一套精選的基於 spm 生態圈的樣式模塊集合,是 Arale 的子集,也是一套模塊化的樣式命名和組織規范,是寫 CSS 的更好方式。

2.Amazeui

Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。

3.sui

SUI是一套基於bootstrap開發的前端組件庫,同時她也是一套設計規范。

通過SUI,可以非常方便的設計和實現精美的頁面。

同時sui還有移動端版本msui,msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫,減少重復工作。

9.YDUI Touch

YDUI Touch 專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高;使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局;實現強大的屏幕適配布局,等比例適配所有屏幕。什麼?用得不開心?輕松切換 px;自定義Javascript組件、Less文件、Less變數,定製一份屬於自己的YDUI;

10、後台UI開發框架 MuseUI

一款基於bootstrap風格,兼容於主流瀏覽器(包括IE6)的後端UI開發組件。

㈢ 麗江電腦培訓學校告訴你常用的UI框架有哪些

常用的UI框架有哪些?推薦6種常用的UI框架。接下來麗江電腦培訓http://www.kmbdqn.cn/為大家分享一下UI專業設計師在日常工作中常用的幾種框架,希望能夠幫到你!


Bootstrap


說到流行的UI框架,那麼Bootstrap是一定會出現在榜單上的。它是由twitter推出的Web前端UI框架,它由Twitter的設計師MarkOtto和JacobThornton合作開發。Bootstrap通過它優秀的柵欄系統,很好的實現了響應式布局。Bootstrap還提供了時尚的排版樣式,表單,buttons,表格,輪播等等。


Bootstrap提供了優雅的HTML和CSS規范,它是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的BreakingNews都使用了該項目。國內一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap源碼進行性能優化而來。


jQueryUI


jQueryUI是建立在jQueryJavaScript庫上的一組用戶界面交互、特效、小部件及主題。無論是創建高度交互的Web應用程序還是僅僅向窗體控制項添加一個日期選擇器,jQueryUI都是一個完美的選擇。


jQueryUI包含了許多維持狀態的小部件(Widget),因此,它與典型的jQuery插件使用模式略有不同。所有的jQueryUI小部件(Widget)使用相同的模式,這樣就大大的降低了學習成本。


jQueryUI繼承jQuery簡易使用特性,提供高度抽象介面,短期改善網站易用性。同時,jQueryUI採用MIT&GPL雙協議授權,輕松滿足自由產品至企業產品各種授權需求。jQueryUI另一大有點是兼容各主流桌面瀏覽器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。而且,jQueryUI有完全漢化的版本,開發包內置包含中文在內的40多種語言包。



PureCSS


Pure也是一款很出色的CSS框架,Pure是來自雅虎的。盡管從UI界面效果上來說,Pure沒有Bootstrap那樣精美,但Pure是純CSS實現的,因此非常小巧,整個框架壓縮後只有5.7k左右。


最大的特點就是框架基於純CSS,無任何JavaScript代碼,渲染速度比較快。由Yahoo出品,技術上應該不存在太大問題。組件也很豐富,包括表格、表單、按鈕、表、導航等。CSS類的標識十分簡單,因此在使用Pure的過程中代碼會比較友好。


SemanticUI


SemanticUI最大的優點就在它的名字里--語義化。Semantic-UI比Bootstrap更語義化,使用了更容易理解的標簽名稱:導航的是nav,主要內容的是main,class名也很明確。


而且SemanticUI的moles預制了很多美觀的動畫,同時也非常簡單好用。比如視圖(Views)中的評論(Comment)和動態信息(Feed)。


㈣ 前端常用的框架有哪些

在Web前端開發中,適時地使用一些框架,對於我們日常的開發,可以說是事半功倍。那麼,常用的Web前端框架有哪些呢?程序員常用的Web前端開發框架如下:
1、Bootstrap
Bootstrap流行的CSS框架,它是最早的Web前端框架,Bootstrap提供了許多實例來幫助入門。使用Bootstrap可以將不同的組件和布局組合在一起,從而創建有趣的頁面設計,還提供了大量詳細的文檔。
2、QUICK UI
QUICK UI一套完整的企業級web前端開發解決方案,由基礎框架、UI組件庫、皮膚包、示例工程和文檔等組成。使用QUICKUI開發者可以極大地減少工作量提高開發效率,快速構建功能強大、美觀、兼容的web應用系統。
3、MDC Web
Material Components for the web(MDC Web),谷歌為Web設計的全新前端框架。MDC Web幫助開發人員執行Material Design,組件由谷歌的核心工程師團隊和UX設計人員開發。這些組件可以建立可靠的開發工作流程以構建美觀且功能強大的Web項目。
4、Pure
Bootstrap,Patternfly和MDC Web功能非常強大的CSS框架,但非常繁瑣復雜。如想要一個輕量級的CSS框架建議嘗試Pure.css,本身更接近於CSS編程,但又可以幫助構建一個不錯的網頁。Pure是具有最小佔用空間的輕量級CSS框架由Yahoo開發根據BSD許可是開源。
5、Foundation
Foundation聲稱是世界上最先進的響應式前端框架。它提供了用於構建專業網站的高級功能和教程。許多公司,組織都使用該框架,並且該框架具有大量可用的文檔。
6、Bulma
Bulma基於Flexbox的開源框架可根據MIT許可證開源。一個非常輕量級的框架,只需要一個CSS文件。Bulma擁有簡潔明了的文檔可輕松選擇想要的主題。還具有許多Web組件可以在設計中使用它們。
7、Skeleton
輕量級框架Skeleton。Skeleton庫只有大約400行,且該框架僅提供一些基本的CSS框架組件。Skeleton還是提供了詳細的文檔來幫助快速上手。
8、Materialize
Materialize 是一個基於 Material Design風格的一個現代化的響應式前端框架,解決了最繁重的工作,結合的自定義組件為提供默認的樣式。Materialize的文檔頁面非常全面很容易遵循。其組件頁麵包括按鈕,卡片,導航等。
9、Bootflat
Bootflat是從Twitter的Bootstrap派生的開源CSS框架。與Bootstrap相比Bootflat更簡單更加輕量級。大部分都是圖像沒有太多的文字。
10、PatternFly
PatternFly是Red Hat的開源CSS框架,和Bootstrap不同的是Bootstrap是為那些想要創建漂亮網站的人而設計,而PatternFly主要專注於企業應用程序開發人員提供諸如條形圖、圖表、導航之類的組件,實際上Red Hat就是使用它創建了OpenShift。除了靜態HTML,PatternFly還支持ReactJS框架,這是Facebook開發的流行JavaScript框架。PatternFly具有許多適用於企業級應用程序的高級組件,如條形圖,圖表,模式和布局。
11、flex
Flex目前還在孵化階段,還不是Apache的正式項目,Flex4.8也不是一個正式的Apache版本。,該版本標志著Flex新時代的開始,Flex的未來將由社區來驅動而不是由一個公司驅動。開發者可以通過貢獻代碼來幫助改進Flex,如修復bug、增加功能等。
以上就是分享的Web前端開發常用的一些框架。程序員們可以根據自己的業務需求選擇簡潔直觀、功能強大的前端開發框架,讓自己的工作更迅速簡單,提高開發的效率。

㈤ 8個提高工作效率的Web前端開發框架總結

今天小編要跟大家分享的文章是關於8個提高工作效率的Web前端開發框架總結。著互聯網的推進我們可以尋找到各種高效資源,比如我們設計網站、小程序和公眾號開發的時候,前端設計並不需要我們太多的自主設計,我們可以藉助免費開源或者有些付費的前端框架和插件來快速完成。比如我們在設計網站主題的時候,可以藉助類似BootStrap、Layui這些常用的前端框架高效開發。

目前可選的前端框架還是比較多的,有些以前出名的如今已經逐漸淡出我們的視野,包括筆者以前也有用過的Amaze
UI,我也准備在這篇文章中分享的但是官方網站好像無法打開SSL失效,估計可能沒有人維護。我們真的要去整理前端框架UI的話,大大小小十幾個肯定是有的,但是我們一般也用不了這么多,熟悉這么1-2款足矣。下面來和小編一起看一看吧!


第一、Bootstrap


Bootstrap,來自推特官方提供的一個用於前端開發的開源工具包。由他們的設計師MarkOtto和Jacob
Thornton合作開發,是一個CSS/HTML框架。目前廣泛被用於我們很多網站、移動端、自適應WEB項目中,應該是目前使用最多的前端框架之一。


第二、Layui


Layui,是一款採用自身模塊規范編寫的前端UI框架,遵循原生HTML/CSS/JS
的書寫與組織形式,門檻極低,拿來即用。這個前端我也有簡單接觸過,在行業中用戶也在慢慢變多,相對BS框架更加精煉一些。


第三、EasyUI


easyui,是一種基於jQuery、Angular.、Vue和React的用戶界面插件集合。easyui為創建現代化,互動,JavaScript應用程序,提供必要的功能。easyui是個完美支持HTML5網頁的完整框架。居然還分商業和免費版本,如果我們介意的話那就不要選擇。


第四、jQueryUI


jQueryUI,是在jQuery
JavaScript庫之上構建的一組精選的用戶界面交互,效果,小部件和主題。無論是構建高度交互的Web應用程序,還是只需要向表單控制項添加日期選擇器,jQuery
UI都是理想選擇。


第五、YDUITouch


YDUITouch,一個專注移動端、微信的UI框架。YDUITouch
專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高。使用Flex技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局。


第六、H-ui


H-ui,基於
HTML、CSS、JAVASCRIPT開發的輕量級Web前端框架。H-ui在bootstrap基礎上,吸取眾家框架之長,融合開發者自己的思想,進行深度開發,提煉出一套適合中國開發者的HTML和CSS規范。開源免費,簡單靈活,兼容性好。


第七、AUI


AUI使用MIT開源協議發布,永久免費。會不定時更新版本及發布模板示例。致力於為開發者提供更好的框架。


第八、NEC


NEC,來自網易的前端框架。NEC包括了規范、框架、代碼庫、插件等內容,致力於為前端開發人員提供高效率高質量的前端頁面開發解決方案,提高多人協作效率。


總結,以上小編我整理出來目前網路上比較常用的前端框架UI,有些是適合移動端開發的,有些是PC端自適應移動端的,總之我們根據實際的習慣和喜歡選擇,建議是選擇大眾的且有在維護更替的,有些小眾的說不定哪天就不更新。


以上就是小編今天為大家分享的關於8個提高工作效率的Web前端開發框架總結的文章,希望本篇文章能夠對正在從事Web前端工作的小夥伴們有所幫助,想要了解更多Web前端知識記得關注北大青鳥Web培訓官網,最後祝願小夥伴們工作順利,成為一名優秀的Web前端工程師。


㈥ Web前端工程師喜歡的高質量Web前端框架有哪些

今天小編要跟大家分享的文章是關於高質量Web前端框架,相信很多Web前端工程師都會對此感興趣的。Web前端框架就是為了節約開發成本和時間,一般開發一個項目都會用到前端框架(除非自己有前端開發團隊)。今天小編就為大家分享一些高質量的前端框架希望能夠對大家有所幫助。

一、QUICKUI


QUICK
UI是一套完整的企業級web前端開發解決方案,由基礎框架、UI組件庫、皮膚包、示例工程和文檔等組成。使用QUICKUI開發者可以極大地減少工作量,提高開發效率,快速構建功能強大、美觀、兼容的web應用系統。


QUICKUI優勢:


①功能最為強大


QUICKUI經歷了7年的迭代更新,不斷從客戶的各種業務中對組件的需求進行歸納和抽離,從而打造新的組件和功能。現在最新的4.0版本框架包含了一百多種組件,一千多個應用場景示例。可以說在前端框架領域中,QUICKUI擁有功能最強大組件庫。


②運行最為穩定


很多其他的第三方UI控制項在簡單場合使用OK,到了復雜的場景中就會出現很多問題,這種現象很常見,因為在組件設計時無法預料到所有的應用場合。而QUICKUI在7年間經歷了數千個項目實際檢驗,在各種復雜場景都應用過,並根據客戶的反饋不斷完善和調整。目前的第四代可以說是最穩定、最完美的版本。


③豐富精美的界麵皮膚


跟其他web前端框架僅僅是一套組件庫不同,QUICKUI是一整套前端解決方案,擁有豐富的外觀界面解決方案。採用現今流行的扁平化設計理念,推出了包括登錄、響應式web、工作桌面、地圖類、門戶風格、大屏展示風格等等幾百套製作精美、用戶體驗優秀的界面。這些界面是以QUICKUI皮膚包的形式發布,使用和更換都非常方便。


④事無巨細的開發文檔


QUICKUI擁有16萬字+的開發文檔,框架和組件的每一個功能點都有詳細的講解和代碼示例,用於開發過程中隨時查閱。除了框架機制講解和組件使用教程,文檔還涉及web前端開發的很多知識。仔細閱讀並結合框架使用的話,你很快就能成為web開發的高手。


⑤上手開發非常容易


QUICKUI採用組件化思想來構建組件,一個組件就是一兩句html的標簽,使用起來非常簡單。將開發人員從繁瑣的JS編碼中解脫出來,很大程度減少前台編碼的出錯率;保留了HTML的布局方式,從而快速進行頁面布局。對開發者前台技術要求也非常低,只需要了解html語法和一些簡單的JS即可,從而把更多精力放在業務功能的實現上,極大地提高開發效率。


⑥瀏覽器兼容性非常好


QUICKUI4.0使用了很多HTML5,CSS3技術用於提高表現力和用戶體驗,這些新的特性在現代瀏覽器中會有很好的效果。但是,國內依然有大量的用戶在使用IE7、IE8等舊時代的瀏覽器,為照顧這部分用戶,框架採用了漸進式思想,確保低版本瀏覽器也能正常使用。所以,QUICKUI兼容IE7以上所有主流瀏覽器。


二、flex


Apache基金會今天發布了Flex4.8版本,這是Adobe將Flex捐獻給Apache基金會後發布的第一個版本。


需要注意的是,Flex目前還在孵化階段,還不是Apache的正式項目,Flex4.8也不是一個正式的Apache版本。


Apache稱,該版本標志著Flex新時代的開始,Flex的未來將由社區來驅動,而不是由一個公司驅動。開發者可以通過貢獻代碼,來幫助改進Flex,如修復bug、增加功能等。


從Macromedia賣給Adobe,然後又捐給apache,不知道搞什麼名堂。不過還好沒有經過大幅重構,否則就真的是悲哀了!


三、extjs


ExtJS是一種主要用於創建前端用戶界面,是一個基本與後台技術無關的前端ajax框架。


功能豐富,無人能出其右。


無論是界面之美,還是功能之強,ext的表格控制項都高居榜首。


華麗的界面,靈活的功能,還有開發工具都是配套的,但有個最大的問題,用就得花錢!


四、easyui


easyui幫助你構建你的web應用更加容易。


它是一個基於jquery的插件,開發出來的一套輕量級的ui框架,非常小巧而且功能豐富。


但是她有一個最大的問題就是代碼只能找到以前的開源的版本,到了1.2以後的版本源代碼都是經過混淆的,如果遇到問題修改起來會非常麻煩!不過一個比較大的優勢是開源免費,並且界面做的還說的過去!


五、jQueryUI


jQueryUI是一套jQuery的頁面UI插件,包含很多種常用的頁面空間,例如Tabs(如本站首頁右上角部分)、拉簾效果(本站首頁左上角)、對話框、拖放效果、日期選擇、顏色選擇、數據排序、窗體大小調整等等非常多的內容。功能非常全面,界面也挺漂亮的,可以整體使用,也可以分開使用其中的幾個模塊,免費開源!


六、MiniUI


又一個基於jquery的框架,開發的界面功能都很豐富。


jQueryMiniUI_快速開發WebUI。


它能縮短開發時間,減少代碼量,使開發者更專注於業務和服務端,輕松實現界面開發,帶來絕佳的用戶體驗。


使用MiniUI,開發者可以快速創建Ajax無刷新、B/S快速錄入數據、CRUD、Master-Detail、菜單工具欄、彈出面板、布局導航、數據驗證、分頁表格、樹、樹形表格等典型WEB應用系統界面。


界面做的挺不錯,功能也挺豐富,但是有兩個比較大的問題,一個是收費,一個是沒有源碼,說白了,不開源!基於這個開發如果想對功能做擴展就需要找他們的團隊進行升級!


七、DWZ


DWZ富客戶端框架(jQueryRIAframework),是中國人自己開發的基於jQuery實現的AjaxRIA開源框架.


設計目標是簡單實用,快速開發,降低ajax開發成本。


畢竟是國產的,支持一下,而且源碼完全公開,可以選擇一下!不過性能怎麼樣不敢確定!


八、YUI


Yahoo!UILibrary
(YUI)是一個開放源代碼的JavaScript函數庫,為了能建立一個高互動的網頁,它採用了AJAX,DHTML和DOM等程式碼技術。它也包含了許多CSS資源。使用授權為
BSD許可證,基本上沒怎麼研究過!YUICompressor倒是挺出名的,這套UI庫不知道應用的情況怎麼樣!


九、Sencha


Sencha是由ExtJS、jQTouch以及Raphael三個項目合並而成的一個新項目。


大公司的框架,並且是幾樣庫的強強聯合,值得推薦!


十、OperaMasks-UI


OperaMasks-UI是OperaMasks團隊2011下半年打造的一款輕量級前端JS組件庫,旨在提供一款學習曲線低、定製性靈活、樣式統一,且多瀏覽器支持、覆蓋企業業務場景的前端JavaScriptUI組件庫。目前,該團隊已將這一產品以LGPL開源協議開放給社區。


文檔豐富,功能齊全,而且很容易使用和開發!而且是國產的喲!


以上排序是整理時的排序,一起整理分析一下,下次用的時候就不用到處找了,我想同樣的問題應該也存在在很多程序員身上,任何一款UI框架,只要能夠容易入手就行。


以上就是小編今天為大家分享的關於高質量web前端框架有哪些?的文章,希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助。想要了解更多web前端知識的小夥伴們記得關注北大青鳥web培訓官網哦。


作者:qianankuangjia,來源:CSDN


原文:https://blog.csdn.net/qianankuangjia/article/details/78042944


㈦ WEB前端框架—QUICK UI框架的優勢有哪些(一)

1、功能最為強大。


QUICKUI經歷了7年的迭代更新,不斷從客戶的各種業務中對組件的需求進行歸納和抽離,從而打造新的組件和功能。現在最新的4.0版本框架包含了一百多種組件,一千多個應用場景示例。可以說在前端框架領域中,QUICKUI擁有功能最強大組件庫。



2、運行最為穩定。


很多其他的第三方UI控制項在簡單場合使用OK,到了復雜的場景中就會出現很多問題,這種現象很常見,因為在組件設計時無法預料到所有的應用場合。而QUICKUI在7年間經歷了數千個項目實際檢驗,在各種復雜場景都應用過,並根據客戶的反饋不斷完善和調整。目前的第四代可以說是最穩定、最完美的版本。


3、豐富精美的界麵皮膚。


跟其他web前端框架僅僅是一套組件庫不同,QUICKUI是一整套前端解決方案,擁有豐富的外觀界面解決方案。採用現今流行的扁平化設計理念,推出了包括登錄、響應式web、工作桌面、地圖類、門戶風格、大屏展示風格等等幾百套製作精美、用戶體驗優秀的界面。這些界面是以QUICKUI皮膚包的形式發布,使用和更換都非常方便。


以上就是環球青藤小編關於QUICK UI框架的優勢的相關內容分享,希望對各位小夥伴們有所幫助,想要了解更多相關知識,請關注本平台哦!

㈧ 前端ui框架好看的有哪些

推薦幾個精緻的web UI框架!

1.Aliceui

Aliceui是支付寶的樣式解決方案,是一套精選的基於 spm 生態圈的樣式模塊集合,是 Arale 的子集,也是一套模塊化的樣式命名和組織規范,是寫 CSS 的更好方式。

2.Amazeui

Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。

3.sui

SUI是一套基於bootstrap開發的前端組件庫,同時她也是一套設計規范。

通過SUI,可以非常方便的設計和實現精美的頁面。

同時sui還有移動端版本msui,msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫,減少重復工作。

9.YDUI Touch

YDUI Touch 專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高;使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局;實現強大的屏幕適配布局,等比例適配所有屏幕。什麼?用得不開心?輕松切換 px;自定義Javascript組件、Less文件、Less變數,定製一份屬於自己的YDUI;

10、後台UI開發框架 MuseUI

一款基於bootstrap風格,兼容於主流瀏覽器(包括IE6)的後端UI開發組件。

㈨ 昭通電腦培訓學校告訴你常用的UI框架有哪些

常用的UI框架有哪些?推薦6種常用的UI框架。接下來昭通電腦培訓http://www.kmbdqn.cn/為大家分享一下UI專業設計師在日常工作中常用的幾種框架,希望能夠幫到你!


Bootstrap


說到流行的UI框架,那麼Bootstrap是一定會出現在榜單上的。它是由twitter推出的Web前端UI框架,它由Twitter的設計師MarkOtto和JacobThornton合作開發。Bootstrap通過它優秀的柵欄系統,很好的實現了響應式布局。Bootstrap還提供了時尚的排版樣式,表單,buttons,表格,輪播等等。


Bootstrap提供了優雅的HTML和CSS規范,它是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的BreakingNews都使用了該項目。國內一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap源碼進行性能優化而來。


jQueryUI


jQueryUI是建立在jQueryJavaScript庫上的一組用戶界面交互、特效、小部件及主題。無論是創建高度交互的Web應用程序還是僅僅向窗體控制項添加一個日期選擇器,jQueryUI都是一個完美的選擇。


jQueryUI包含了許多維持狀態的小部件(Widget),因此,它與典型的jQuery插件使用模式略有不同。所有的jQueryUI小部件(Widget)使用相同的模式,這樣就大大的降低了學習成本。


jQueryUI繼承jQuery簡易使用特性,提供高度抽象介面,短期改善網站易用性。同時,jQueryUI採用MIT&GPL雙協議授權,輕松滿足自由產品至企業產品各種授權需求。jQueryUI另一大有點是兼容各主流桌面瀏覽器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。而且,jQueryUI有完全漢化的版本,開發包內置包含中文在內的40多種語言包。



PureCSS


Pure也是一款很出色的CSS框架,Pure是來自雅虎的。盡管從UI界面效果上來說,Pure沒有Bootstrap那樣精美,但Pure是純CSS實現的,因此非常小巧,整個框架壓縮後只有5.7k左右。


最大的特點就是框架基於純CSS,無任何JavaScript代碼,渲染速度比較快。由Yahoo出品,技術上應該不存在太大問題。組件也很豐富,包括表格、表單、按鈕、表、導航等。CSS類的標識十分簡單,因此在使用Pure的過程中代碼會比較友好。


SemanticUI


SemanticUI最大的優點就在它的名字里--語義化。Semantic-UI比Bootstrap更語義化,使用了更容易理解的標簽名稱:導航的是nav,主要內容的是main,class名也很明確。


而且SemanticUI的moles預制了很多美觀的動畫,同時也非常簡單好用。比如視圖(Views)中的評論(Comment)和動態信息(Feed)。