2015年50 CSS 工具、框架、庫合集

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

　CSS動畫工具 & 庫

　　1. Animate Plus

　　一個可以幫你創建CSS屬性和SVG屬性的JavaScript動畫庫。

　　2. Rocket

　　一個創建WEB動畫的簡單的工具。

　　3. Tuesday

　　新奇CSS動畫庫。

　　4. Shift.css

　　創建定時CSS動畫的簡單框架。

　　5. MOTION UI

　　用于創建靈活的CSS過渡和動畫的SASS庫。

　　6. Transformicons

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

　CSS實用程序和工具

　　7. sanitize.css

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

　　8. CSS Stats

　　CSS狀態統計可視化工具。

　　9. cssfmt

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

　　10. PurifyCSS

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

　Flexbox工具

　　11. Flexbox in 5 Minutes

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

　　12. Flexbugs

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

　　13. cssPlus

　　基于 Flexbox 的穩健、快速、跨瀏覽器的布局腳手架。

　　14. Sketch Flex Layout

　　允許CSS Flexbox布局的Sketch 插件

　CSS工具包

　　15. CSSGram

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

　　16. Flickity

　　創建畫廊與輪播圖的CSS庫。

　　17. Marx

　　18. Pushy

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

　　19. Rucksack

　　CSS 工具包

　　20. Drop

　　用于創建下拉菜單和其他浮動元素的庫。

　　21. Tufte CSS

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

　　22. Gradify

　　CSS漸變占位符圖像

　　23. Stretchy

　　表單元素大小自動調整

　　24. CSSketch

　　開源的Sketch的CSS插件

　　25. SassyFlags

　　為你的網站添加旗幟的簡單庫

　　26. ai2html

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

　CSS工具包

　　27. Crayon.css

　　CSS顏色變量名與16進制對應列表。

　響應的網頁框架和用戶界面工具包

　　28. Juiced

　　Flexbox CSS 框架

　　29. Primer

　　CSS工具包與指南

　　30. Neutron

　　創建靈化、簡潔網頁布局的SASS框架。

　　31. Basscss

　　基本元素類型和不可改變的實用程序的輕量級集合。

　　32. flexible.gs

　　靈活的響應式柵格布局CSS框架

　　33. Rin

　　34. Wee

　　用于創建復雜邏輯、響應式的輕量級前端框架。

　　35. Scooter

　　SCSS框架和UI庫

　　36. spaceBase

　　基于SASS的響應式CSS框架

　　37. Decorator

　　HTML, CSS, and JavaScrip 前端框架

　　38. Rebar

　　Sass/Stylus 柵格布局框架

　　39. Concise CSS

　　使用SASS的輕量級易用框架

　　40. Workbench

　　加快開發速度的前端樣板

　　41. Lost

　　SCSS 或 Stylus 柵格布局

　　42. minigrid()

　　只有2KB的零依賴柵格布局

　材料設計框架

　　43. Material

　　HTML5 UI 框架

　　44. LumX

　　基于 AngularJS & Material Design 的框架

　　45. MUI

　　輕量級WEB框架

　基于Web的CSS工具和應用程序

　　46. CSS Gradient Animator

　　動態生成gradients的WEB工具

　　47. CIRCULUS.SVG

　　SVG圓形菜單生成器

　　48. CSS Ruler

　　49. SVGOMG

　　優化和配置SVGO的WEB應用

　　50. Blend

　　生成簡單漂亮CSS3 gradients的工具

　　51. Filter Blend

　　CSS的混合模式和過濾器生成器

　　52. SVG Path Builder App

　　使用GUI快速創建SVG path

　　53. .resizr

　　測試 CSS media queries 的輕量級應用

　　54. css2sass

　　把CSS代碼轉成SASS的應用

　　via：speckyboy.com 翻譯：info.9iphp.com