在過去的幾年中，CSS已經(jīng)成為一大部分開發(fā)者和設(shè)計(jì)者的最愛，因?yàn)樗峁┝艘幌盗泄δ芎吞匦浴Ｃ總€(gè)月都有無數(shù)個(gè)圍繞CSS的工具被開發(fā)者發(fā)布以簡(jiǎn)化WEB開發(fā)。像CSS 庫，框架，應(yīng)用這樣的工具能夠?yàn)殚_發(fā)者做很多事，而且可以使開發(fā)者創(chuàng)造出創(chuàng)新立異的WEB應(yīng)用。
?
在這篇文件章中我們找到了一系列對(duì)開發(fā)者有用的CSS庫，它們能幫助開發(fā)者在一定的期限內(nèi)取得有創(chuàng)造性和創(chuàng)新性的成果。我們希望這個(gè)列表能有助于您的開發(fā)并為您提供方便。盡情享受吧！
?
1. Kite
? 2. DynCSS
? |
? |
3. Progressjs
? 4. Hover.CSS
? |
? |
5. Spinkit
? 6. Magic CSS3 Animation
? |
? |
7.Bounce.js
Bounce.js是一個(gè)用來生成不錯(cuò)的CSS3驅(qū)動(dòng)關(guān)鍵幀動(dòng)畫的工具。用于生成動(dòng)態(tài)動(dòng)畫的JS庫是在該工具中投入使用。簡(jiǎn)單地添加一個(gè)組件，選擇預(yù)設(shè)，然后你就會(huì)得到一個(gè)短URL地址或者導(dǎo)出到CSS。 ? 8. ImaCSS
Imacss是用來將圖像文件轉(zhuǎn)換為數(shù)據(jù)地址的庫和應(yīng)用。該地址可以用來插入到CSS文件中作為背景圖片。本質(zhì)上來講，它能讓你減少所有你對(duì)你設(shè)計(jì)的圖片（如圖標(biāo)等）的HTTP請(qǐng)求，并使之能夠單個(gè)調(diào)用。 ? |
? |
9.Buttons
Buttons是一個(gè)可以創(chuàng)建高度自定義、靈活和現(xiàn)代感十足的web按鈕的CSS庫。該庫由Sass+Compass構(gòu)建，支持正方形、圓角矩形或 者圓形的按鈕，并且可選是否扁平以及其他自定義的效果（如發(fā)光）。所使用到的尺寸、顏色、效果和字體可以通過變量的幫助進(jìn)行修改，并且可以非常容易的進(jìn)行 擴(kuò)展。 ? 10.OdoMeter
OdeMeter是一個(gè)用來創(chuàng)建一些我們比較熟悉的如“汽車?yán)锍田@示，機(jī)場(chǎng)信息板或角子機(jī)”等效果或者面板的JavaScript-CSS庫。該庫 是獨(dú)立式+輕量級(jí)（3kb）的，使用CSS為效果進(jìn)行轉(zhuǎn)換，所以效率極高（當(dāng)然也有回退設(shè)置）。它簡(jiǎn)單地將一個(gè)給定的元素轉(zhuǎn)換到另一個(gè)具有單行函數(shù)的預(yù)定 義的值。 ? |
? |
| ? |
11. Single Element CSS Spinner
? 12. Ani.js
? |
? |
13. Beautons
? 14. Saffron
? |
? |
15. CSS Shakes
? 16. Typebase.css
? |
? |
17. Sassline
? 18. TypeSettings
? |
? |
19. Type Rendering Mix
? 20. Hint.css
? |
? |
轉(zhuǎn)自： http://www.oschina.net/translate/css-libraries-for-developers
英文原文： 20 Useful CSS Libraries for Web Development
?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫作最大的動(dòng)力，如果您喜歡我的文章，感覺我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
