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