2015年50+ CSS 工具、框架、庫合集
CSS動畫工具 & 庫
1. Animate Plus
一個可以幫你創建CSS屬性和SVG屬性的JavaScript動畫庫。
2. Rocket
一個創建WEB動畫的簡單的工具。
3. Tuesday
新奇CSS動畫庫。
4. Shift.css
創建定時CSS動畫的簡單框架。
5. MOTION UI
用于創建靈活的CSS過渡和動畫的SASS庫。
使用SVG和CSS的動畫圖標、符號、按鈕。
CSS實用程序和工具
7. sanitize.css
讓瀏覽器渲染元素一致，并允許您以當前最佳實踐的方式，即裝即用。
8. CSS Stats
CSS狀態統計可視化工具。
9. cssfmt
自動格式化CSS源代碼的工具。
10. PurifyCSS
很方便的檢測你的應用使用了那些CSS選擇器的工具，并創建一個未被使用的CSS的文件。
#p#
Flexbox工具
CSS 的 flexbox屬性主要特性的互動之旅。
12. Flexbugs
Flexbox常見問題及狂瀏覽器解決方案
13. cssPlus
基于 Flexbox 的穩健、快速、跨瀏覽器的布局腳手架。
允許CSS Flexbox布局的Sketch 插件
CSS工具包
15. CSSGram
重塑Instagram過濾器的微型CSS庫。
16. Flickity
創建畫廊與輪播圖的CSS庫。
17. Marx
18. Pushy
使用CSS轉換和過渡效果的響應式導航菜單。
19. Rucksack
CSS 工具包
20. Drop
用于創建下拉菜單和其他浮動元素的庫。
#p#
21. Tufte CSS
使用Edward Tufte的理念展示文章的工具
22. Gradify
CSS漸變占位符圖像
23. Stretchy
表單元素大小自動調整
24. CSSketch
開源的Sketch的CSS插件
25. SassyFlags
為你的網站添加旗幟的簡單庫
26. ai2html
把Illustrator文檔轉為HTML和CSS的開源工具
#p#
CSS工具包
27. Crayon.css
CSS顏色變量名與16進制對應列表。
響應的網頁框架和用戶界面工具包
28. Juiced
Flexbox CSS 框架
29. Primer
CSS工具包與指南
30. Neutron
創建靈化、簡潔網頁布局的SASS框架。
#p#
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
加快開發速度的前端樣板
#p#
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的應用
【編輯推薦】
