響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)的主流形式,響應(yīng)式主要是指網(wǎng)頁(yè)在頁(yè)面加載顯示及客戶端設(shè)備、瀏覽器窗口尺寸改變時(shí),自動(dòng)改變網(wǎng)頁(yè)布局及內(nèi)容顯示模式使之更加符合是被尺寸要求,實(shí)現(xiàn)頁(yè)面的好顯示。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)所遵循的條設(shè)計(jì)原則為:移動(dòng)優(yōu)先的設(shè)計(jì)原則 ??蚣芗夹g(shù)應(yīng)用是
響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)商業(yè)化應(yīng)用開發(fā)的,本文主要對(duì)部分國(guó)內(nèi)外主流響應(yīng)式網(wǎng)頁(yè)開發(fā)框架進(jìn)行說明。
1、BootStrap框架技術(shù)
BootStrap是
響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)框架技術(shù),也是目前世界范圍內(nèi)應(yīng)用最為廣泛的前端響應(yīng)式網(wǎng)頁(yè)架構(gòu)技術(shù)。BootStrap是由Twitter開發(fā)人員于2011年創(chuàng)建并發(fā)布,主要包括CSS、HTML和JavaScript組件。該框架遵循網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn),適應(yīng)于各類型
響應(yīng)式網(wǎng)站的開發(fā)。
2、Bulma CSS框架技術(shù)
Bulma框架技術(shù)也是目前較為流程的前端響應(yīng)式框架技術(shù)之一,目前已經(jīng)有超過150,000開發(fā)人員使用Bulma框架技術(shù)進(jìn)行響應(yīng)式網(wǎng)頁(yè)的設(shè)計(jì)與開發(fā)。Bulma是基于Flexbox的開源、免費(fèi)CSS架構(gòu)。Bulma作為一個(gè)簡(jiǎn)單,優(yōu)雅,現(xiàn)代輕量化的CSS框架深受網(wǎng)站開發(fā)人員喜愛。
3、UIKIT框架技術(shù)
UIkit是一個(gè)輕量級(jí)前端模塊化響應(yīng)式架構(gòu)框架,也是當(dāng)前比較流行的前端框架之一,用于實(shí)現(xiàn)快速響應(yīng)式網(wǎng)頁(yè)開發(fā)。UIkit主要包括LESS和Sass CSS預(yù)處理器。UIKit擁有一系列具有一致命名約定的靈活響應(yīng)組件,可以組合30多個(gè)可擴(kuò)展的模塊化組件,以實(shí)現(xiàn)更多功能。
4、Foundation框架技術(shù)
Foundation是Zurb公司開發(fā)的非常先進(jìn)的企業(yè)級(jí)前端開發(fā)框架,具有較高的開發(fā)靈活性、符合網(wǎng)頁(yè)響應(yīng)式開發(fā)要求。通過使用Foundation框架前端開發(fā)人員可以快速設(shè)計(jì)、開發(fā)各類響應(yīng)式網(wǎng)站。
5、Skeleton開發(fā)工具包Skeleton本身不是完整大的前端UI框架,它只是一個(gè)前端開發(fā)的工具包,通過為用戶提供基本的樣式,允許用戶開發(fā)符合各類尺寸的
響應(yīng)式網(wǎng)站。Skeleton開發(fā)工具包支持用戶設(shè)計(jì)及樣式開發(fā)。
分享名稱:響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)國(guó)內(nèi)外有哪些主流框架?
分享鏈接:http://www.rwnh.cn/news16/92966.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、搜索引擎優(yōu)化、網(wǎng)站收錄、電子商務(wù)、云服務(wù)器、微信小程序
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)