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

CSS動畫工具 & 庫

1. Animate Plus

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

2. Rocket

一個創(chuàng)建WEB動畫的簡單的工具。

3. Tuesday

新奇CSS動畫庫。

4. Shift.css

創(chuàng)建定時CSS動畫的簡單框架。

5. MOTION UI

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

6. Transformicons

使用SVG和CSS的動畫圖標、符號、按鈕。

CSS實用程序和工具

7. sanitize.css

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

8. CSS Stats

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

9. cssfmt

自動格式化CSS源代碼的工具。

10. PurifyCSS

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

Flexbox工具

11. Flexbox in 5 Minutes

CSS 的 flexbox屬性主要特性的互動之旅。

12. Flexbugs

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

13. cssPlus

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

14. Sketch Flex Layout

允許CSS Flexbox布局的Sketch 插件

CSS工具包

15. CSSGram

重塑Instagram過濾器的微型CSS庫。

16. Flickity

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

17. Marx

18. Pushy

使用CSS轉換和過渡效果的響應式導航菜單。

19. Rucksack

CSS 工具包

20. Drop

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

21. Tufte CSS

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

22. Gradify

CSS漸變占位符圖像

23. Stretchy

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

24. CSSketch

開源的Sketch的CSS插件

25. SassyFlags

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

26. ai2html

把Illustrator文檔轉為HTML和CSS的開源工具

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

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