在過去的一年中，我們已經(jīng)看到了Flexbox布局人氣大增、CSS動(dòng)畫的微妙變化、SVG動(dòng)畫的應(yīng)用、Instagram風(fēng)格的影響，這里我們列出了50多個(gè)今年發(fā)布的開源資源，可以幫你節(jié)省很多時(shí)間。

CSS動(dòng)畫工具 & 庫(kù)

1. Animate Plus

一個(gè)可以幫你創(chuàng)建CSS屬性和SVG屬性的JavaScript動(dòng)畫庫(kù)。

2. Rocket

一個(gè)創(chuàng)建WEB動(dòng)畫的簡(jiǎn)單的工具。

3. Tuesday

新奇CSS動(dòng)畫庫(kù)。

4. Shift.css

創(chuàng)建定時(shí)CSS動(dòng)畫的簡(jiǎn)單框架。

5. MOTION UI

用于創(chuàng)建靈活的CSS過渡和動(dòng)畫的SASS庫(kù)。

6. Transformicons

使用SVG和CSS的動(dòng)畫圖標(biāo)、符號(hào)、按鈕。

CSS實(shí)用程序和工具

7. sanitize.css

讓瀏覽器渲染元素一致，并允許您以當(dāng)前最佳實(shí)踐的方式，即裝即用。

8. CSS Stats

CSS狀態(tài)統(tǒng)計(jì)可視化工具。

9. cssfmt

自動(dòng)格式化CSS源代碼的工具。

10. PurifyCSS

很方便的檢測(cè)你的應(yīng)用使用了那些CSS選擇器的工具，并創(chuàng)建一個(gè)未被使用的CSS的文件。

Flexbox工具

11. Flexbox in 5 Minutes

CSS 的 flexbox屬性主要特性的互動(dòng)之旅。

12. Flexbugs

Flexbox常見問題及狂瀏覽器解決方案

13. cssPlus

基于 Flexbox 的穩(wěn)健、快速、跨瀏覽器的布局腳手架。

14. Sketch Flex Layout

允許CSS Flexbox布局的Sketch 插件

CSS工具包

15. CSSGram

重塑Instagram過濾器的微型CSS庫(kù)。

16. Flickity

創(chuàng)建畫廊與輪播圖的CSS庫(kù)。

17. Marx

18. Pushy

使用CSS轉(zhuǎn)換和過渡效果的響應(yīng)式導(dǎo)航菜單。

19. Rucksack

CSS 工具包

20. Drop

用于創(chuàng)建下拉菜單和其他浮動(dòng)元素的庫(kù)。

21. Tufte CSS

使用Edward Tufte的理念展示文章的工具

22. Gradify

CSS漸變占位符圖像

23. Stretchy

表單元素大小自動(dòng)調(diào)整

24. CSSketch

開源的Sketch的CSS插件

25. SassyFlags

為你的網(wǎng)站添加旗幟的簡(jiǎn)單庫(kù)

26. ai2html

把Illustrator文檔轉(zhuǎn)為HTML和CSS的開源工具

第二部分《2015年50+ CSS 工具、框架、庫(kù)合集(27-54)》

via：speckyboy.com，由 Specs 翻譯整理，發(fā)布在 Coder資源網(wǎng)，轉(zhuǎn)載請(qǐng)注明來源。